optionsreadonly Option[]children?ReactNodeinvalid?booleanfalseref?Ref<HTMLSelectElement>| Prop | Type | Default |
|---|---|---|
options | readonly Option[] | - |
children? | ReactNode |
invalid? | boolean | false |
ref? | Ref<HTMLSelectElement> | - |
Type base (some attrs are managed internally): SelectHTMLAttributes<HTMLSelectElement>
import { Select } from '@k8ordo/ui';const options = [
{ label: 'Apple', value: 'apple' },
{ label: 'Banana', value: 'banana' },
{ label: 'Cherry', value: 'cherry' },
];
<Select
id="select-basic"
aria-describedby={undefined}
disabled={false}
invalid={false}
required={false}
options={options}
/><Select
id="select-required"
aria-describedby={undefined}
disabled={false}
invalid={false}
required
options={options}
/><Select
id="select-default-value"
defaultValue="cherry"
aria-describedby={undefined}
disabled={false}
invalid={false}
required={false}
options={options}
/><Select
id="select-disabled"
aria-describedby={undefined}
disabled
invalid={false}
required={false}
options={options}
/><Select
id="select-invalid"
aria-describedby={undefined}
disabled={false}
invalid
required={false}
options={options}
/>