eQuantic.UIeQuantic.UI
Docs
Playground
GitHub
DocsOverlays
Tooltip
View source
1 min read
The label of an icon-only control, revealed on hover or long-press. Zero JavaScript on web.
1
using eQuantic.UI.Components;
DEFAULT
TopCenter
Usage
1
2
3
4
new Tooltip(new IconButton(Icons.Scan, "Scan invoice"), "Scan invoice")
{
Placement = AnchorPlacement.TopCenter,
}
API
Prop
Type
Default
Description
Child
VisualNode
The control being described.
Text
string
The control's label, verbatim. Never an action.
Placement
AnchorPlacement
TopCenter
Flips below near the top edge.
States
State
Rendering
Hidden
Default
Revealed
After the hover or long-press delay
Dismissed
On leave, release, or scroll
Accessibility
Hidden from assistive tech — the anchor already carries the accessible name. The tooltip serves sighted users who do not recognise the glyph.
When to use
Icon-only controls.
Avoid
Controls that already show text.
Onboarding tours.
NOTEEvery dimension resolves through Sizing.*(SizeVariant) and the token scales — never a literal. Source: src/eQuantic.UI.Components/Tooltip.cs.