Select
A headless select primitive for choosing one option from a dropdown list.
Basic
A simple
Select dropdown using SelectTrigger, SelectValue, SelectContent, and SelectItem primitives.Disabled
Set
Disabled on Select to prevent user interaction with the entire dropdown.Controlled
Externally controlled
Select value using @bind-Value and DisplayTextSelector to resolve display text for programmatically-set values.Anatomy
Loading example…
Keyboard Navigation
- Space / Enter - Open/select
- ↓ / ↑ - Navigate options
- Home / End - Jump to first/last
- Escape - Close dropdown
- Type to jump to matching option