Tooltips

Add tooltips to display contextual definitions and explanations when users hover over terms, abbreviations, or technical concepts in your documentation.

Use tooltips to provide additional context or definitions when a user hovers over a string of text. Tooltips can include optional call-to-action links.

Example: APIAPI: Application Programming Interface: a set of protocols for software applications to communicate. Read our API guide documentation helps developers understand how to integrate with your service.

<Tooltip headline="API" tip="Application Programming Interface: a set of protocols for software applications to communicate." cta="Read our API guide" href="/api-reference">API</Tooltip> documentation helps developers understand how to integrate with your service.

• tip (string, required) — The text displayed in the tooltip.

• headline (string) — Text displayed before the tip text.

• cta (string) — The call-to-action text for a link within the tooltip.

• href (string) — URL for the call-to-action link. Required when using cta.

• className (string) — Additional CSS classes to apply to the tooltip trigger.

• Badge
• Components overview
• Migrate from Document360