Skip to content

Number input

@xngui/components/number-input
@xngui/components/number-input

Numeric FormValueControl via transformedValue().

Preview

Enter a whole number or decimal.

import { form } from '@angular/forms/signals';
import { XForm } from '@xngui/components/form';
import { XFormField } from '@xngui/components/form-field';
import { XNumberInput } from '@xngui/components/number-input';
 
private readonly model = signal<{ quantity: number | null }>({ quantity: null });
 
protected readonly demoForm = form(this.model, (path) => {
syncDemoNumberBounds(path.quantity, () => this.controlState());
});

Events

Interact with the preview — events will appear here.