Toggle light/dark theme
GitHub repository
Toggle right-to-left/left-to-right


API documentation.

Check out the Examples for this component.


Name Type Default Description
Color Color Color.Default The color of the component.
Size Size Size.Medium The size of the button. small is equivalent to the dense button styling.
Variant Variant Variant.Filled The variant to use.
Avatar String null Avatar Icon, Overrides the regular Icon if set.
AvatarClass String null Avatar CSS Class, appends to Chips default avatar classes.
Label Boolean False Removes circle edges and applys theme default.
Disabled Boolean False If true, the chip will be displayed in disabled state and no events possible.
Icon String null Sets the Icon to use.
CloseIcon String null Overrides the default close icon, only shown if OnClose is set.
DisableRipple Boolean False If true, disables ripple effect, ripple effect is only applied to clickable chips.
ChildContent RenderFragment null Child content of component.
Link 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 Link is specified. Possible values: _blank | _self | _parent | _top | framename
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.
ForceLoad Boolean False If true, force browser to redirect outside component router-space.
Command ICommand null Command executed when the user clicks on an element.
CommandParameter Object null Command parameter.
OnClick EventCallback<MouseEventArgs> Chip click event, if set the chip focus, hover and click effects are applied.
OnClose EventCallback<MudChip> Chip delete event, if set the delete icon will be visible.
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.
An error has occurred. This application may no longer respond until reloaded. Reload 🗙