ClankDesign
Clank Design/Combobox

Selection / form associated

Combobox

Editable input restricted to supplied values.

280–1600px; fits available space.
Combobox / interactiveFluid · fits available space

Semantic parts

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

labelinput-groupinputtriggericonclearvaluechipschipchip-removeportalbackdroppositionerpopuparrowstatusemptylistrowitemitem-indicatorseparatorgroupgroup-labelcollectionform-controlhidden-input

Keyboard guidance

Open the standalone trigger, then type in the popup search input to filter workspaces. Arrow keys move the highlight; Enter selects it.

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