Select

Accessible listbox (Radix). Keyboard-operable, portal-rendered menu.

Example

▾

Props

Prop	Type	Default	Description
options	SelectOption[]	required
value	string	—
defaultValue	string	—
placeholder	string	'Select'
onValueChange	(value: string) => void	—
aria-label	string	—

States

• default
• open
• item-selected
• disabled

Do / Don’t

Do
Give every Select an aria-label or visible label.

Don’t
Don’t use it for boolean choices — use a toggle.

Modes & RTL

Colors come only from Semantic tokens, so this component re-themes automatically across Day / Night-NVG / Mono with no variant swap. It uses CSS logical properties, so it mirrors correctly in RTL.