Input

Preview

import { form, validate } from '@angular/forms/signals';

import { XForm } from '@xngui/components/form';

import { XFormField } from '@xngui/components/form-field';

import { XInput } from '@xngui/components/input';

private readonly model = signal({ username: '' });

protected readonly demoForm = form(this.model, (path) => {

syncDemoStringLength(path.username, () => this.controlState());

validate(path.username, ({ value }) => demoStringFieldErrors(this.controlState(), value));

});

Interact with the preview — events will appear here.