Skip to main content
Tooltips show brief helper text when users hover over a component. Wrap any single element to add a tooltip.

​
Basic Usage

​
Side Placement

Control which side the tooltip appears on with the side parameter.

​
API Reference

Tooltip Parameters

​
content
str
required
Tooltip text. Can be passed as a positional argument.
​
side
str | None
default:"None"
Which side to show the tooltip: "top", "right", "bottom", "left".
​
css_class
str | None
default:"None"
Additional Tailwind CSS classes.

​
Protocol Reference

Tooltip
{
  "type": "Tooltip",
  "children?": "[Component]",
  "content": "string (required)",
  "side?": "top | right | bottom | left",
  "cssClass?": "string"
}
For the complete protocol schema, see Tooltip.