Components
Select (Radix UI)
Displays a list of options for the user to pick from—triggered by a button.
Loading
Installation
pnpm dlx shadcn@latest add @toui/select
Examples
Group
Loading
Disabled
Loading
Disabled Option
Loading
Size
Loading
Indicator Position
Loading
Custom Indicator
Loading
Icon
Loading
Status
Loading
Badge
Loading
Avatar
Loading
Form
Loading
API Reference
This component is built using Radix UI Select primitives. For detailed information, please visit the full API reference.
Select
This component is based on the Select.Root primitive and includes the following custom props:
| Prop | Type | Default |
|---|---|---|
indicatorPosition | ||
indicatorVisibility | ||
indicator |
SelectTrigger
This component is based on the Select.Trigger primitive and includes the following custom props:
| Prop | Type | Default |
|---|---|---|
size | ||
className |
SelectContent
This component is based on the Select.Content primitive and includes the following custom props:
| Prop | Type | Default |
|---|---|---|
position |
Credits
- Built with Radix UI Select.