ClankSelection / form associated
Autocomplete
Editable free-form input with filtered suggestions.
Autocomplete / interactiveFluid · fits available space
Semantic parts
Spread each part getter onto the matching element, then style its stable state attributes.
labelinput-groupinputtriggericonclearvalueportalbackdroppositionerpopuparrowstatusemptylistrowitemseparatorgroupgroup-labelcollectionKeyboard guidance
Focus the search input and type to filter. This preview enables automatic highlighting and inline completion; Tab can accept an inline completion before leaving the field.
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