All Components

NumericTextBox Overview

The NumericTextBox lets the user edit and submit specific numeric values by typing or by using the spin buttons.

Basic Usage

The following example demonstrates the NumericTextBox in action.

    selector: 'my-app',
    template: `
        <div class="example-config">
          <input id="ac" type="checkbox" [(ngModel)]="autoCorrect">
          <label for="ac">Auto-correct value to be between min and max</label>
            [value]="value" [min]="0" [max]="100" [autoCorrect]="autoCorrect">

class AppComponent {
    public autoCorrect: boolean = false;
    public value: number = 5;


The NumericTextBox delivers the following features:

In this article