Select

Single or multiple listbox selection.

Anatomy reference Framework guide

Select / interactiveFluid · fits available space

Primary focusShort list; use Combobox when filtering is useful.

Semantic parts

Spread each part getter onto the matching element, then style its stable state attributes.

labeltriggervalueiconportalbackdroppositionerpopupscroll-up-arrowarrowlistitemitem-textitem-indicatorseparatorgroupgroup-labelscroll-down-arrowform-controlhidden-input

Keyboard guidance

Focus and open the trigger, then move through enabled options. Enter selects the highlighted option. The preview selects one value.

Keys from the Clank controller contract, with preview and configuration notes. Disabled or read-only controls may prevent changes.

ArrowDown: Open or move to the next option
ArrowUp: Open or move to the previous option
Enter: Select the highlighted optionWhile the option list is open and an option is highlighted.
Escape: Close the list
Home: Move to the first option
End: Move to the last option