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 ColorPicker.
Choose a color
The
ColorPicker 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 - To focus the next focusable element in the ColorPicker popup.
More information about keyboard interaction of Blazor ColorPicker component can be found in this documentation section.