New to Kendo UI for Angular? Start a free 30-day trial
Keyboard Navigation
The keyboard navigation of the FlatColorPicker is always available.
The FlatColorPicker supports the following keyboard shortcuts:
| SHORTCUT | DESCRIPTION |
|---|---|
Tab | Moves the focus sequentially through the elements of the component. |
Shift + Tab | Moves the focus sequentially in reversed order through the elements of the component. |
Right Arrow | Focuses the next cell on the right when palette view is enabled and the ColorPalette element is focused. |
Left Arrow | Focuses the next cell on the left when palette view is enabled and the ColorPalette element is focused. |
Up Arrow | Focuses the next cell above when palette view is enabled and the ColorPalette element is focused. |
Down Arrow | Focuses the next cell below when palette view is enabled and the ColorPalette element is focused. |
Enter | Selects the color when palette view is enabled and the ColorPalette element is focused. |
The following example demonstrates the FlatColorPicker keyboard navigation.
Example
View Source
Edit In Stackblitz
Change Theme:
