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 example

<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 · string · required

The text displayed in the tooltip.

headline · string

Text displayed above 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.