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: API 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.

Properties

• tip: The text displayed in the tooltip.
• headline: Text displayed before the tip text.
• cta: The call-to-action text for a link within the tooltip.
• href: URL for the call-to-action link. Required when using cta.
• className: Additional CSS classes to apply to the tooltip trigger.