Version v3 Documentation
You are viewing documentation for an older version.
View latest (v4) documentation →
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.
Loading example…
Disabled
Set
Disabled on Select to prevent user interaction with the entire dropdown.
Loading example…
Controlled
Externally controlled
Select value using @bind-Value and DisplayTextSelector to resolve display text for programmatically-set values.
Loading example…
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