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.

Change Theme

Theme

Loading ...

Suggested Links

• API Reference of the FlatColorPicker
• Accessibility