MudBlazor

Community Support

Discord

GitHub Discussions

Tools and resources

TryMudBlazor

Templates

Sponsor

Open Collective


Switch to Blazor wasm
Toggle light/dark theme
GitHub repository
Toggle right-to-left/left-to-right

Community Support

Discord

GitHub Discussions

Tools and resources

TryMudBlazor

Templates

Sponsor

Open Collective

MudToggleIconButton

API documentation.

Check out the Examples for this component.

Properties

Name Type Default Description
Toggled Boolean False The toggled value.
ToggledChanged EventCallback<Boolean> Fires whenever toggled is changed.
Icon String null The Icon that will be used in the untoggled state.
ToggledIcon String null The Icon that will be used in the toggled state.
Title String null Title of the icon used for accessibility.
ToggledTitle String null Title used in toggled state, if different.
Color Color Color.Default The color of the icon in the untoggled state. It supports the theme colors.
ToggledColor Color Color.Default The color of the icon in the toggled state. It supports the theme colors.
Size Size Size.Medium The Size of the component in the untoggled state.
ToggledSize Size Size.Medium The Size of the component in the toggled state.
Edge Edge Edge.False If set uses a negative margin.
DisableRipple Boolean False If true, disables ripple effect.
Disabled Boolean False If true, the button will be disabled.
Variant Variant Variant.Text The variant to use.
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 🗙