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

```mdx
<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.