Select
Choose from a dropdown of options
import { Select } from "@plexui/ui/components/Select";Examples
Overview
Select a fruit...
Custom views
Reader
Actions
Select...
Grouped options
Enterprise Plus
Multiple selection
Select fruits...
Reference
| Prop | Type | Default | Description |
|---|---|---|---|
options | Options<T> | — | Array of options or grouped options |
value | string | string[] | — | Selected value (single) or values (multiple) |
onChange | function | — | Called when selection changes |
multiple | boolean | false | Allow multiple selection |
placeholder | string | "Select..." | Trigger placeholder |
variant | string | "outline" | Trigger variant |
size | string | "md" | Trigger size |
pill | boolean | false | Rounded trigger |
clearable | boolean | false | Show clear button |
block | boolean | true | Full width trigger |
disabled | boolean | false | Disable select |
actions | array | — | Actions below options list |
OptionView | React.FC | — | Custom option render |
TriggerView | React.FC | — | Custom trigger render (multi) |
searchPlaceholder | string | — | Search input placeholder |
Select shares the unified 9-step size scale with Button, Input, SelectControl, and SegmentedControl.