ListBox / Keyboard Navigation

Blazor ListBox Example - Keyboard Navigation

Loading Syncfusion Blazor Server Demos…

Select Your Favorite Car:

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
Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE