Blazor Button Example - Keyboard Navigation

This sample demonstrates keyboard interactions of the Button components. Various key combinations can be used to interact with Button components efficiently.

Focus Navigation:

• Alt + J — Focuses on the first component of the demo

Checkbox:

• Space — Toggles the checkbox state when focused

Toggle Switch Button:

• Space — Toggles the switch state when focused

Radio Button:

• Arrow Keys — Activates the next or previous radio button in the group

Button Group:

Single Selection:

• Tab — Focuses the active button
• Arrow Keys — Activates the next or previous button

Multiple Selection:

• Tab — Focuses the next button
• Space — Activates the focused button

Dropdown Menu & Split Button:

• Esc — Closes the opened popup
• Enter — Opens the popup or activates the highlighted item
• Space — Opens the popup
• Up Arrow — Navigates to the previous action item
• Down Arrow — Navigates to the next action item
• Alt + Up Arrow — Closes the popup
• Alt + Down Arrow — Opens the popup