How to add tooltip in Blazor Button

14 Aug 20261 minute to read

A tooltip can be shown on Button hover by using the native HTML title attribute. This provides a quick, browser-native tooltip with no additional setup.

@using Syncfusion.Blazor.Buttons

<SfButton Content="@Content" title="Primary Button" IsPrimary="true"></SfButton>

@code {
    public string Content = "Button";
}
Blazor Button displays ToolTip

For richer tooltips with custom content, open/close events, and multiple positions, use the SfTooltip component and target the Button.

See also