Demos
For examples and details on the usage of this component, visit the component demo page:
Chip
Properties
| Parameter | Type | Description | Default |
|---|---|---|---|
| ChildContent | RenderFragment |
Gets or sets the content to render inside the chip. | - |
| StartContent | RenderFragment |
Gets or sets the content to render at the start. | - |
| EndContent | RenderFragment |
Gets or sets the content to render at the end. | - |
| AvatarContent | RenderFragment |
Gets or sets the content to render as the avatar. | - |
| Size | Size |
Gets or sets the size of the chip. | Medium |
| Radius | Radius |
Gets or sets the border radius of the chip. | Full |
| Color | ThemeColor |
Gets or sets the color of the chip. | Default |
| Variant | ChipVariant |
Gets or sets the visual variant of the chip. | Solid |
| Disabled | bool |
Gets or sets a value indicating whether the chip is disabled. | false |
| OnClose | EventCallback<MouseEventArgs> |
Gets or sets the callback invoked when the chip is closed. | - |
| Classes | ChipSlots |
Gets or sets the CSS class names for the chip slots. | - |
| As | string |
Gets or sets an HTML tag of the component. | - |
| Class | string |
Gets or sets CSS class names that will be applied to the component. | - |
| Style | string |
Gets or sets styles that will be applied to the component. | - |
| AdditionalAttributes | IReadOnlyDictionary<string, object> |
Gets or sets a collection of additional attributes that will be applied to the component. | - |
| ElementReference | ElementReference? |
Gets or sets the associated . May be if accessed before the component is rendered. | - |