Keyboard Navigation
The keyboard navigation of the ColorPicker is always available.
The ColorPicker supports the following keyboard shortcuts:
SHORTCUT | DESCRIPTION |
---|---|
Down Arrow & Enter | Opens the popup. |
Escape | Closes the popup. |
Enter | Selects the focused item and closes the popup. |
Down Arrow | Moves the focus to the next cell down. |
Up Arrow | Moves the focus to the next cell up. |
Right Arrow | Moves the focus to the next cell right. |
Left Arrow | Moves the focus to the next cell left. |
Example
View Source
Edit In Stackblitz
Change Theme: