Blazor Color Picker - Keyboard Navigation

This sample demonstrates the keyboard interactions of the ColorPicker component. The various key combinations can be used to interact with the ColorPicker.

The ColorPicker component supports the following keyboard shortcuts to initiate various actions:

Supported Keys and User Actions:

• Alt + J - Focuses on the first component of the demo.
• Up arrow - Moves the handler/tile up from the current position.
• Down arrow - Moves the handler/tile down from the current position.
• Left arrow - Moves the handler/tile left from the current position.
• Right arrow - Moves the handler/tile right from the current position.
• Enter - Apply the selected color value.
• Tab - Focus on the next focusable element in the ColorPicker popup.

More information about keyboard interaction of Blazor ColorPicker component can be found in this documentation section.