Tooltip
StorybookA popup that displays information related to an element when the element receives hover or keyboard focus. Uses the Floating hook in hover mode.
Basic
Hover over the button to see the tooltip. Focus also shows it immediately.
Add to library
Side Placement
Use side to place the tooltip on any side of the trigger.
The tooltip will flip if there isn't enough space.
Tooltip on top
Tooltip on right
Tooltip on bottom
Tooltip on left
Custom Delays
Use open_delay and close_delay
to control timing. The first tooltip has a 500ms open delay.
I took half a second to appear
No delay at all
Programmatic
Use show_tooltip/2 and hide_tooltip/2
to control tooltips from other elements.
Programmatically controlled