Chip
Demonstration and configuration of the Radzen Blazor Chip component.
Chip Style link
Use the ChipStyle property to set a predefined chip style, e.g. ChipStyle="BadgeStyle.Primary".
Variant link
Use the Variant property to control the chip design variant, e.g. Variant="Variant.Outlined".
Sizes link
Use the Size property to set the chip size, e.g. Size="ChipSize.Small".
Text
Icon and Text
Icons link
Use the Icon property to display a material icon before the chip text.
Selected link
Use the Selected property to highlight a chip as selected.
Disabled link
Use the Disabled property to prevent user interaction with the chip.
Events link
Handle Click and Close events to respond to user interactions.
Click a chip to select it, or remove it with the close icon.
Last event: none
Add / Remove link
Combine removable chips with an input to build add/remove patterns like email recipient lists.
Use the close button to remove a chip, or type a value and click Add.
To:
personpedro@example.compersonjohn@example.comKeyboard Navigation link
The following keys provide a way for users to navigate and interact with Radzen Blazor Chip component.
| Press this key | To do this |
|---|---|
| Tab | Move focus to the chip. |
| Space / Enter | Click the focused chip. |
| Delete / Backspace | Remove the focused chip when close is enabled. |
Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under
MIT