generated:catalog.entry.form.title
generated:catalog.entry.form.description
@xngui/components/form@xngui/components/formchrome:demo.section
chrome:demo.preview
import { Component } from '@angular/core';
import { XButton } from '@xngui/components/button';
import { XCheckbox } from '@xngui/components/checkbox';
import { XColorPicker } from '@xngui/components/color-picker';
import { XCombobox } from '@xngui/components/combobox';
import { XDatepicker } from '@xngui/components/datepicker';
import { XFileUpload } from '@xngui/components/file-upload';
import { XForm, XFormField } from '@xngui/components/form';
import { XInput } from '@xngui/components/input';
import { XNumberInput } from '@xngui/components/number-input';
import { XPasswordInput } from '@xngui/components/password-input';
import { XRadio } from '@xngui/components/radio';
import { XRadioGroup } from '@xngui/components/radio-group';
import { XSearchInput } from '@xngui/components/search-input';
import { XSelect } from '@xngui/components/select';
import { XSlider } from '@xngui/components/slider';
import { XSwitch } from '@xngui/components/switch';
import { XTextarea } from '@xngui/components/textarea';
@Component({
selector: 'app-example',
imports: [XButton, XCheckbox, XColorPicker, XCombobox, XDatepicker, XFileUpload, XForm, XFormField, XInput, XNumberInput, XPasswordInput, XRadio, XRadioGroup, XSearchInput, XSelect, XSlider, XSwitch, XTextarea],
templateUrl: './form.component.html',
})
export class ExampleComponent {}
chrome:demo.events.title
chrome:demo.events.empty
chrome:demo.api.title
x-form
chrome:demo.api.col.property
chrome:demo.api.col.type
chrome:demo.api.col.default
chrome:demo.api.col.description
formFieldTree<T>—FieldTree from Angular `form()` — bound for submit/reset.
labelModeXLabelMode—Default label layout for nested fields (field may override).
lookXFormLook—Default control look — cascaded to nested controls (control may override).
sizeXSize—Default control size — cascaded to nested controls (control may override).
densityXDensity—Default control density — cascaded to nested controls (control may override).
validateOnXValidateOn—Default field validation timing — cascaded to nested `x-form-field` (field may override).
errorSummaryXFormErrorSummary'none'When the aggregated validation error summary is shown.