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 |
|---|---|
Enter | Activates the internal FlatColorPicker navigation. |
Escape | When an internal element is focused, returns focus to the wrapper element and deactivates the internal navigation. |
Tab | Navigates to the next focusable element on the page. When the internal navigation is active, navigates to the next focusable element in the FlatColorPicker. If the focus is on the last element, focuses the first focusable item in the component. |
Shift + Tab | Navigates to the previous focusable element on the page. When the internal navigation is active, navigates to the previous focusable element in the FlatColorPicker. If the focus is on the first element, focuses the last focusable item in the component. |
* All inner components within the FlatColorPicker (like ColorGradient and ColorPalette) follow their own keyboard navigation behavior when they receive focus.
The following example demonstrates the FlatColorPicker keyboard navigation.
Example
View Source
Change Theme:
