Blazor Chips Example - Keyboard Navigation

Chips / Keyboard Navigation

The Blazor Chips can be accessed through keyboard shortcuts. In the following sample, various key combinations can be used to interact with the Chips component.

Loading Syncfusion Blazor Server Demos…

Default Chips
Apple
Microsoft
Google
Tesla
Intel
Filter Chips
Extra Small
Small
Medium
Large
Extra Large
Choice Chips
Send a text
Set a reminder
Read my emails
Play a game

The applicable key combinations and their relative functionalities are listed as follows.

Supported keys and user actions
  • Alt + J - Focuses on the first component of the sample.
  • Tab - Focus the chip item.
  • Del - Deletes the focused chip item when EnableDelete property is enabled.
  • Space or Enter - Selects the focused chip item.
Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE