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, when the ColorPicker element is focused. |
Escape | Closes the popup. |
Tab | Moves the focus sequentially through the elements inside of the popup. If the popup is closed, the focus will be moved to the next element on the page. |
* All inner components within the ColorPicker popup (like FlatColorPicker, ColorGradient, and ColorPalette) follow their own keyboard navigation behavior when they receive focus.
The following example demonstrates the ColorPicker keyboard navigation.