Forms
Select
Single-select dropdown with an outlined trigger, floating label, helper text, and ARIA combobox semantics. Options are passed as data via the options prop.
Examples
Basic
Loading preview
<Select label="Country" defaultValue="us" options={[
{ label: 'United States', value: 'us' },
{ label: 'Brazil', value: 'br' },
]} />API
| Prop | Type | Default | Description |
|---|---|---|---|
options | { label, value, disabled? }[] | required | The selectable options. |
label | ReactNode | none | Floating label. |
value / defaultValue | string | none | Controlled or uncontrolled value. |
error / errorMessage | boolean / ReactNode | none | Error treatment and message. |
Guidelines
Do
- Use Select for choosing one option from a known list.
Avoid
- Do not use Select for free text; use TextField.