Search input

Preview

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

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

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

import { XSearchInput } from '@xngui/components/search-input';

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

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

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

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

});

Interact with the preview — events will appear here.