Blazor Button Example - Keyboard Navigation
This sample demonstrates the keyboard interactions of the Button components. The various key combinations can be used to interact with Button components.
The following keyboard shortcuts are used to initiate various actions.
Focus
- Alt + J - Focuses on the first component of the demo.
Checkbox
- Space - When the checkbox has focus, pressing the Space key changes the state of the checkbox.
Toggle Switch Button
- Space - When the switch has focus, pressing the Space key changes the state of the switch.
Radio Button
- Arrow Keys - Activates next/previous radio in the Radio Button group.
Button Group
Single Selection
- Tab - Focuses the active button in the ButtonGroup.
- Arrow keys - Activates next/previous button in the ButtonGroup.
Multiple Selection
- Tab - Focuses the next button in the ButtonGroup.
- Space - Activates the focused button in the ButtonGroup.
Dropdown Menu & Split Button
- Esc - Closes the opened popup.
- Enter - Opens the popup, or activates the highlighted item and closes the popup.
- Space - Opens the popup.
- Up arrow - Navigates up or to the previous action item.
- Down arrow - Navigates down or to the next action item.
- Alt + Up arrow - Closes the popup.
- Alt + Down arrow - Opens the popup.