Tooltip / Default Functionalities

Blazor Tooltip Example - Default Functionalities

Loading Syncfusion Blazor Server Demos…
Properties

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

This sample illustrates a tooltip that opens when hovering over the Show Tooltip button. The tooltip can be displayed in 12 possible positions by selecting the appropriate Position values from the dropdown:

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

On mobile devices, tap and hold on the Show Tooltip button to open the tooltip. By default, it closes after 1.5 seconds on lift.