Dropdown select with searchable mode, grouped options, and validation
Selected: —
Selected: —
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | - | Field label (required) |
value | string | number | "" | Selected value (bindable) |
options | SelectOption[] | [] | Available options |
placeholder | string | "Select an option" | Placeholder text |
searchable | boolean | false | Enable search filter |
error | string | "" | Validation message |
disabled | boolean | false | Disable the select |
size | "sm" | "md" | "lg" | "md" | Size variant |
onchange | (value, option) => void | - | Change callback |
interface SelectOption {
value: string | number;
label: string;
disabled?: boolean;
group?: string; // Renders a group heading in the list
}