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

Tooltip

See Tooltip API for parameter documentation.

Simple Tooltips

Delete
Add
Hide code example
Edit on TryMudBlazor
Copy Code
View the source on GitHub
<MudTooltip Text="Delete">
    <MudIconButton Icon="@Icons.Material.Delete" />
</MudTooltip>
<MudTooltip Text="Add">
    <MudFab Icon="@Icons.Material.Add" Color="Color.Secondary" />
</MudTooltip>

Change Default Delay

The tooltip's default delay can be set with Delayed double in seconds.

Delete
Add
Show code example
Edit on TryMudBlazor
Copy Code
View the source on GitHub
<MudTooltip Text="Delete" Delayed="1">
    <MudIconButton Icon="@Icons.Material.Delete" />
</MudTooltip>
<MudTooltip Text="Add" Delayed="1">
    <MudFab Icon="@Icons.Material.Add" Color="Color.Secondary" />
</MudTooltip>

Postioned Tooltips

With Placement enum you can change the default position of the tooltip.

Start/Left
Top
Bottom
End/Right
Hide code example
Edit on TryMudBlazor
Copy Code
View the source on GitHub
<MudTooltip Text="Start/Left" Placement="Placement.Start">
    <MudButton>Start/Left</MudButton>
</MudTooltip>
<MudTooltip Text="Top" Placement="Placement.Top">
    <MudButton>Top</MudButton>
</MudTooltip>
<MudTooltip Text="Bottom" Placement="Placement.Bottom">
    <MudButton>Bottom</MudButton>
</MudTooltip>
<MudTooltip Text="End/Right" Placement="Placement.End">
    <MudButton>End/Right</MudButton>
</MudTooltip>
An error has occurred. This application may no longer respond until reloaded. Reload 🗙