Example of Default Functionalities in Blazor Tooltip Component

Tooltip / Default Functionalities

This sample demonstrates the default functionalities of the Blazor Tooltip component with minimum configuration. It will open by hovering or touch-hold action on the button. It will be displayed in 12 different positions.

Properties
Position:

This sample illustrates a tooltip, that gets opened on hovering over the Show Tooltip button. The tooltip can be shown in 12 possible positions by selecting the appropriate Position values provided in the dropdown. The applicable tooltip positions are as follows:

  • TopLeft
  • TopCenter
  • TopRight
  • BottomLeft
  • BottomCenter
  • BottomRight
  • LeftTop
  • LeftCenter
  • LeftBottom
  • RightTop
  • RightCenter
  • RightBottom

In case, if the tooltip needs to be opened on mobile devices, tap hold on the Show Tooltip button instead of hovering, and by default it closes after 1.5 seconds on lift.

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