Tooltip

Preview

About

A small balloon of informative text that appears when hovering the mouse (web/desktop) or holding a finger (touch) over the child. Use it to explain icons, controls, or truncated text; keep the text short (1-2 lines).

• message: the tooltip's text (required).
• child: the control that triggers the tooltip.
• placement: top (default), bottom, left, or right — the side the balloon opens toward, with the arrow pointing back at the trigger.
• inverse: when true, inverts the balloon's contrast (dark in light theme, light in dark theme) instead of following the default surface.
• showArrow: shows/hides the little arrow pointing at the trigger.
• waitDuration: hover delay before the balloon appears (defaults to 400ms).
• showDuration: how long the balloon stays visible after a long-press before disappearing on its own (defaults to 1500ms).

Last updated on 08/23/2026