jqwidgets-scripts-custom/demos/Angular/numberinput/defaultfunctionality/src/app/app.component.html

jQWidgets is an advanced jQuery, Angular 7, Vue, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.

<div style="margin-top: 10px;">
  Number
</div>
<jqxNumberInput [theme]="'material'" #numericInput
                [width]="250" [height]="25" [spinButtons]="true">
</jqxNumberInput>
<div style="margin-top: 10px;">
  Percentage
</div>
<jqxNumberInput [theme]="'material'" #percentageInput
                [width]="250" [height]="25" [symbolPosition]="'right'"
                [symbol]="'%'" [spinButtons]="true" [digits]="3">
</jqxNumberInput>
<div style="margin-top: 10px;">
  Currency
</div>
<jqxNumberInput [theme]="'material'" #currencyInput
                [width]="250" [height]="25" [symbol]="'$'" [spinButtons]="true">
</jqxNumberInput>
<div style="margin-top: 10px;">
  Disabled
</div>
<jqxNumberInput [theme]="'material'" #disabledInput
                [width]="250" [height]="25" [disabled]="true" [spinButtons]="true">
</jqxNumberInput>