Blazor ListBox Example - Keyboard Navigation
This sample demonstrates the keyboard interactions of the ListBox component. The various key combinations can be used to interact with ListBox.
Select Your Favorite Car:
- Hennessey Venom
- Bugatti Chiron
- Bugatti Veyron Super Sport
- SSC Ultimate Aero
- Koenigsegg CCR
- McLaren F1
- Aston Martin One-77
- Jaguar XJ220
- McLaren P1
- Ferrari LaFerrari
The ListBox 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 focus to the previous option.
- Down arrow - Moves focus to the next option.
- Home - Moves focus to first option.
- End - Moves focus to last option.
- Space - Changes the selection state of the focused option.
- Ctrl + A - Selects all options in the list.
- Ctrl + Shift + Home - Selects the focused option and all options up to the first option.
- Ctrl + Shift + End - Selects the focused option and all options down to the last option.
- Ctrl + Arrow keys - Press Ctrl key with up / down arrow or mouse to select multiple items.