ChipList
Demonstration and configuration of the Radzen Blazor ChipList component.
Single selection link
Use RadzenChipList to let users pick a single value from a set of chips.
Selected category: Backend
Multiple selection link
Set Multiple="true" to allow selecting more than one chip. Use AllowDelete="true" to enable chip removal.
Selected tags: 1, 3
Events link
Handle Change and ChipRemoved callbacks to respond to selection changes and chip removals.
Select or remove chips to see events logged below.
Event log
No events yet.
Templates link
Use the Template render fragment to customize chip content. Combine with style, variant, and size properties for full control.
Keyboard Navigation link
The following keys provide a way for users to navigate and interact with Radzen Blazor ChipList component.
| Press this key | To do this |
|---|---|
| Tab | Move focus to the chip list. |
| Arrow keys | Move focus between chips. |
| Home / End | Move focus to the first or last chip. |
| Space / Enter | Select the focused chip. |
| Delete / Backspace | Remove the focused chip when delete is enabled. |
Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under
MIT