Example
Related
- Popover — For instances that require long content or interactive elements.
Patterns
Content
The TooltipTrigger accepts exactly two children: the trigger element and the tooltip itself. The trigger elements must be interactive (focusable and hoverable) to ensure that all users can activate them.
Delay
Tooltips are shown after a delay when using a mouse, and immediately when invoked by keyboard focus. For mouse interactions there is a “cooldown” period, where other tooltips can be immediately shown when their associated element is hovered over.
Props
Disabled
A Tooltip will not be shown if its associated element is disabled.
A TooltipTrigger can be disabled without disabling the trigger it displays on.
Placement
Use the placement prop to set a preferred placement. The tooltip will move automatically if it is near the edge of the screen.