Select

Displays a list of options for the user to select from, triggered by a button. Built on Radix UI Select with full keyboard navigation.

With Groups

Use SelectGroup and SelectLabel to organize items:

Pass disabled to prevent interaction.

Prop	Type	Default	Description
`value`	`string`	—	Controlled value.
`onValueChange`	`(value: string) => void`	—	Callback when selection changes.
`defaultValue`	`string`	—	Uncontrolled default value.
`placeholder`	`string`	—	Placeholder text shown when no value is selected.
`disabled`	`boolean`	`false`	Disables the select.