Blazor ListBox Example - Keyboard Navigation
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
This example demonstrates keyboard interaction capabilities of ListBox component for efficient navigation and selection.
Keyboard shortcuts supported:
Focus Navigation
- Alt + J – Focuses on first component
Item Navigation
- Up arrow – Moves focus to previous option
- Down arrow – Moves focus to next option
- Home – Moves focus to first option
- End – Moves focus to last option
- Space – Changes selection state of focused option
Multi-Selection
- Ctrl + A – Selects all options
- Ctrl + Shift + Home – Selects focused option and all options up to first
- Ctrl + Shift + End – Selects focused option and all options down to last
- Ctrl + Arrow keys – Press Ctrl with up/down arrow or mouse for multiple selection