Chips
Small, interactive elements that represent an attribute, text, entity, or action.
Use this example to explore default behavior, customization points, and accessibility-friendly patterns in a real Blazor page.
Chips
MgChipSmall, interactive elements that represent an attribute, text, entity, or action. Now with support for Material Design 3 variants and icons.
API Reference
MgChip
| Property | Type | Default | Description |
|---|---|---|---|
| DisplayText | string | "" | Text to display on a single chip. |
| Chipset | IEnumerable<string> | null | A list of items to render as multiple chips. |
| Variant | MgChipVariant | FilledTonal | The visual style variant of the chip. |
| IconName | string | null | Bootstrap icon class (e.g., "bi bi-person"). |
| Removable | bool | false | Shows a close icon to allow removing the chip. |
| OnRemove | EventCallback | - | Callback triggered when the remove icon is clicked. |
| Clicked | EventCallback<string> | - | Callback triggered when the chip is clicked. |