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

tipstringrequired

The text displayed in the tooltip.

headlinestring

Text displayed before the tip text.

ctastring

The call-to-action text for a link within the tooltip.

hrefstring

URL for the call-to-action link. Required when using cta.

Properties

On this page