Select
Dropdown select built on Radix Select. Supports keyboard navigation, typeahead, and portal rendering. Use for simple single-value dropdowns; use Combobox for searchable or multi-select.
Basic
Uncontrolled select with a placeholder. Value is managed internally.
Controlled
Controlled value with onValueChange callback.
Selected: banana
Small size
Compact variant (size="sm") for inline filters and dense layouts.
With icons
Options can include a leading icon ReactNode.
Error state
Pass an error string to show validation feedback below the trigger.
Role is required
Disabled
Disabled state prevents interaction.
Disabled option
Individual options can be disabled.