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*:

Down Arrow & EnterOpens the popup, when the ColorPicker element is focused.
EscapeCloses the popup.
TabMoves 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.

View Source
Change Theme:

In this article

Not finding the help you need?