Properties
| Name | Type | Default | Description |
|---|---|---|---|
Behavior | |||
ChildContent |
RenderFragment |
null | Child content of component. |
Default |
bool? |
null | If true, this chip is selected by default if used in a ChipSet. |
Disabled |
bool |
False | If true, the chip will be visibly disabled and interaction is disabled as well. Note, if the ChipSet is disabled this setting is overruled. |
Icon |
string |
null | Sets the Icon to use. |
IsSelected |
bool |
False | True if the chip is selected. Bind this to manipulate the chip's selection state. |
Text |
string |
null | A string you want to associate with the chip. If the ChildContent is not set this will be shown as chip text. |
Value |
T |
null | A value that should be managed in the SelectedValues collection. Note: do not change the value during the chip's lifetime |
Click action | |||
ForceLoad |
bool |
False | This concerns only chips with Href set to a hyperlink. If ForceLoad is true, the browser will follow the link outside of Blazor routing. |
Href |
string |
null | If set to a URL, clicking the button will open the referenced document. Use Target to specify where |
Target |
string |
null | The target attribute specifies where to open the link, if Href is specified. Possible values: _blank | _self | _parent | _top | framename |
Appearance | |||
AvatarContent |
RenderFragment |
null | |
CheckedIcon |
string |
null | Custom checked icon. |
CloseIcon |
string |
null | Overrides the default close icon, only shown if OnClose is set. |
Color |
Color? |
null | The chip color when not selected. |
IconColor |
Color? |
null | The color of the icon. |
Label |
bool? |
null | Removes circle edges and applies theme default. |
Ripple |
bool? |
null | If true, a ripple effect is applied to clickable chips. |
SelectedColor |
Color? |
null | The chip color to use when selected, only works together with ChipSet, Color.Inherit for default value. |
Size |
Size? |
null | The chip size. |
Variant |
Variant? |
null | The chip variant. |
Common | |||
Class |
string |
null | User class names, separated by space. |
Style |
string |
null | User styles, applied on top of the component's own classes and styles. |
Tag |
object |
null | Use Tag to attach any user data object to the component for your convenience. |
UserAttributes |
Dictionary<string, object> |
UserAttributes carries all attributes you add to the component that don't match any of its parameters. They will be splatted onto the underlying HTML tag. | |
EventCallbacks
| Name | Type | Description |
|---|---|---|
IsSelectedChanged |
EventCallback<bool> | Raised when IsSelected changes |
OnClick |
EventCallback<MouseEventArgs> | Chip click event, if set the chip focus, hover and click effects are applied. |
OnClose |
EventCallback<MudChip<T>> | Chip delete event, if set the delete icon will be visible. |
Methods
| Name | Parameters | Return | Description |
|---|---|---|---|
ValueTask DisposeAsync() |
ValueTask |