Default Light
MgLibrary
Overview
Installation
Buttons
Cards
Charts
Codes
Data Grids
Dropdowns
Editors
Headers & Animations
Icons
Indicators
Inputs
Lists
Modals
Menus
Panels
Pills & Chips
Scheduling
Tabs
Time Line
Trees
Customization

Tooltip

Lightweight contextual overlays for hints and short helper text.

Use this example to explore default behavior, customization points, and accessibility-friendly patterns in a real Blazor page.

API Reference

MgTooltip

Property Type Default Description
TargetSelector string null CSS selector for the element(s) that should trigger the tooltip on hover or focus.
TipText string "" Text displayed in the tooltip bubble.
TooltipContent RenderFragment null! Custom tooltip content rendered when TipText is empty, including selector mode.
TipPosition MgPosition Top Where the tooltip appears relative to the trigger element.
WrapperStyle string null! Inline style applied to the tooltip wrapper.
ChildContent RenderFragment null Wrapped content for the default inline trigger mode.
An unhandled error has occurred. Reload 🗙