Keyboard Navigation

By default, the keyboard navigation of the ColorPicker is enabled.

The ColorPicker supports the following keyboard shortcuts:

ShortcutDescription
Alt+Down ArrowOpens the popup and moves the focus to the ColorGradient or ColorPalette.
Alt+Up ArrowCloses the popup and moves the focus to the input element.
EnterCloses the popup and moves the focus to the input element.
EscCloses the popup and moves the focus to the input element.
Example
View Source
Edit In Stackblitz  
Change Theme:

When the popup of the ColorPicker is opened, it adopts the same keyboard shortcuts as the keyboard shortcuts of the ColorPalette and ColorGradient.

In this article

Not finding the help you need?