Component

Number Input

Numeric input with increment and decrement buttons. Supports min/max, configurable step and vertical orientation. Implements ControlValueAccessor.

import { NeuNumberInputComponent } from '@neural-ui/core/number-input';

Basic (1–10)

Quantity

Value: 1

Custom step (0–100, step 5)

Percentage

50%

Stacked layout

Brightness

Value: 25%

Floating label

Guests

Vertical orientation

Level

Sizes

Small (36px)

Medium (48px, default)

Large (56px)

import { FormControl, ReactiveFormsModule } from '@angular/forms';
import { NeuNumberInputComponent } from '@neural-ui/core/number-input';

@Component({
  imports: [NeuNumberInputComponent, ReactiveFormsModule],
  template: `
    <neu-number-input
      [min]="1"
      [max]="99"
      [formControl]="quantityCtrl"
      label="Cantidad"
      [floatingLabel]="true"
    />
  `
})
export class CartItemComponent {
  readonly quantityCtrl = new FormControl(1, { nonNullable: true });
}