Tooltips

Add interactive hints to any text or element using the <Tooltip /> component.

Usage

You can hover over this <Tooltip msg="Surprise!" underline>text</Tooltip> to see a tooltip.

Props

Prop	Type	Default	Description
msg	str	null	(Required) The text content to show inside the tooltip.
position	str	"top"	Position of the tooltip relative to the child (top, bottom, left, right).
underline	bool	true	If true, adds a subtle dotted underline to the child element to indicate interactivity.
color	str	null	Custom text color for the tooltip.
bg	str	null	Custom background color for the tooltip.
gap	int	5	Distance in pixels between the element and the tooltip.
shadow	str	null	Custom CSS shadow for the tooltip.