Select

Preview

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

import { createDataSource } from '@xngui/cdk/datasource';

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

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

import { XSelect } from '@xngui/components/select';

protected readonly fruits = createDataSource({ data: FRUITS, pageSize: 10 });

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

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

syncDemoFieldAvailability(path.fruit, () => this.controlState());

});

Interact with the preview — events will appear here.