Blazor Chips Example - 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.
Default Chips
Apple
Microsoft
Google
Tesla
Intel
Filter Chips
Extra Small
Small
Medium
Large
Extra Large
Choice Chips
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.