SelectPanel
The SelectPanel is an anchored dialog that allows users to quickly navigate and select one or multiple items from a list. It includes a text input for filtering, supports item grouping, and offers a footer for additional actions. Changes are applied upon closing the panel.
Page navigation navigation
Keyboard navigation
| Key | Description |
|---|---|
Tab | Move focus forward between interactive controls and widgets within the Dialog. |
Shift + Tab | Move focus backward between interactive controls and widgets within the Dialog. |
Enter | Select items in the list or activate buttons or links within the SelectPanel. |
Space | Type a space in the input or activate buttons or links within the SelectPanel. |
ArrowDown | Navigate forward through items in the list. If focus is on the last item, ArrowDown moves focus to the first item. |
ArrowUp | Navigate backward through items in the list. If focus is on the first item, ArrowUp moves focus to the last item. |
Home | Move focus to the first item in the list. |
PageUp | Move focus to the first item in the list. |
End | Move focus to the last item in the list. |
PageDown | Move focus to the last item in the list. |
Esc | Apply changes and close the SelectPanel. |