---
title: Tooltip
description: Inline hover tooltip for defining terms or providing context.
url: https://pr-6-a9c4e9fe1b6c.thally.app/components/tooltip
---

# Tooltip

Inline hover tooltip for defining terms or providing context.

`<Tooltip>` adds a hover tooltip to any inline text. The wrapped text gets a dotted underline indicating it is interactive.

## Example

The JWT is sent in the `Authorization` header with every request.

```mdx
The <Tooltip tip="A JSON Web Token used for authentication">JWT</Tooltip> is sent in the `Authorization` header.
```

## Props

| Prop | Type | Description |
|---|---|---|
| `tip` | `string` | Text shown in the tooltip on hover |

> **Note:**
  `<Tooltip>` uses the native `title` attribute for maximum compatibility. For richer tooltips with interactive content or markdown support, use a custom React component.