generated:catalog.entry.native-select.title
generated:catalog.entry.native-select.description
@xngui/components/native-select@xngui/components/native-selectchrome:demo.section
chrome:demo.preview
import { Component } from '@angular/core';
import { XForm } from '@xngui/components/form';
import { XFormField } from '@xngui/components/form-field';
import { XNativeSelect } from '@xngui/components/native-select';
@Component({
selector: 'app-example',
imports: [XForm, XFormField, XNativeSelect],
templateUrl: './native-select.component.html',
})
export class ExampleComponent {}
chrome:demo.events.title
chrome:demo.events.empty
chrome:demo.api.title
x-native-select
chrome:demo.api.col.property
chrome:demo.api.col.type
chrome:demo.api.col.default
chrome:demo.api.col.description
sizeXSize—Visual size tier — falls back to parent `x-form` then XConfigService when unset.
densityXDensity—Spacing offsets — orthogonal to `size`; falls back to parent `x-form` then XConfigService when unset.
lookXFormLook—Field chrome — outline, fill, flat, or none; falls back to parent `x-form` then XConfigService.
placeholderstring''Placeholder label for the empty option.
disabledbooleanfalseKept in sync by `[formField]`; set directly for standalone use.
readonlybooleanfalsePrevents editing while keeping the control focusable.
invalidbooleanfalseMarks the control invalid — display timing defers to ancestor `x-form-field` when wrapped.
requiredbooleanfalseSets the native `required` attribute and `aria-required`.
namestring''Form control name — used as `name` on the native element and for id fallback.
controlIdstring—Native `id` on the control; falls back to `name`, then a generated id.