DevExtreme Angular - Control the Behavior

If you need to add spin buttons to the NumberBox, set the showSpinButtons to true.

HTML
TypeScript
  • <dx-number-box
  • [value]="20"
  • [showSpinButtons]="true">
  • </dx-number-box>
  • import { DxNumberBoxModule } from "devextreme-angular";
  • // ...
  • export class AppComponent {
  • // ...
  • }
  • @NgModule({
  • imports: [
  • // ...
  • DxNumberBoxModule
  • ],
  • // ...
  • })

To specify the step by which the value is changed, use the step option.

HTML
TypeScript
  • <dx-number-box
  • [value]="20"
  • [showSpinButtons]="true"
  • [step]="10">
  • </dx-number-box>
  • import { DxNumberBoxModule } from "devextreme-angular";
  • // ...
  • export class AppComponent {
  • // ...
  • }
  • @NgModule({
  • imports: [
  • // ...
  • DxNumberBoxModule
  • ],
  • // ...
  • })
See Also