New to Kendo UI for Angular? Start a free 30-day trial
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.
Example
View Source
Change Theme:
