Componente

Number Input

Campo numérico con botones de incremento y decremento. Soporta mín/máx, paso configurable y orientación vertical. Implementa ControlValueAccessor.

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

Básico (1–10)

Cantidad

Valor: 1

Paso personalizado (0–100, paso 5)

Porcentaje

50%

Layout apilado (stacked)

Brillo

Valor: 25%

Etiqueta flotante

Comensales

Orientación vertical

Nivel

Tamaños

Pequeño (36px)

Mediano (48px, por defecto)

Grande (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 });
}