Tooltip / Template

Blazor Tooltip Example - Custom Templates

Loading Syncfusion Blazor Server Demos…

This sample demonstrates the template functionalities of the Blazor Tooltip component. It opens by hovering or touch-hold action on the Toolbar items.

This sample illustrates how to display template content on the tooltip. Using the Content property, you can format and structure the HTML content to be displayed on the tooltip according to your application needs.

In this sample, the Tooltip is integrated with the Toolbar component to display the information for respective icons. The HTML template design is compiled and then directly assigned to the Content property of the Tooltip. This template compilation process is performed in the OnRender event of the Tooltip.

For more information about setting template content on the Tooltip, refer to the template documentation.

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE