Select
Lets a user choose one value from a compact, keyboard-accessible list.
@rivetui/selectPreview
Explore each composition interactively, then open its code in the same context.
Default
Use a compact trigger for choosing one value from a known list.
Grouped options
Labels and separators make longer option sets easier to scan.
States
Placeholder and disabled states retain the same trigger dimensions.
Registry
Installation
Add the component source and its declared dependencies with the shadcn CLI.
Install component
bunx --bun shadcn@latest add @rivetui/selectPublic interface
API reference
Component-specific props are listed here. Native element and Base UI props continue to pass through.
Select
| Prop | Type | Default |
|---|---|---|
value | unknown | — |
defaultValue | unknown | — |
onValueChange | (value: unknown, details) => void | — |
open | boolean | — |
defaultOpen | boolean | false |
onOpenChange | (open: boolean, details) => void | — |
disabled | boolean | false |
SelectContent
| Prop | Type | Default |
|---|---|---|
alignItemWithTrigger | boolean | true |