# Tooltip

Floating element that provides a control with contextual information via pointer or focus.

```jsx
<Tooltip content="Add to library">
  <IconButton radius="full">
    <PlusIcon />
  </IconButton>
</Tooltip>
```

## [API Reference](#api-reference)

This component inherits and merges props from the Radix Tooltip primitive [Root](/primitives/docs/components/tooltip#root), [Portal](/primitives/docs/components/tooltip#portal) and [Content](/primitives/docs/components/tooltip#content) parts. It supports [common margin props](/themes/docs/overview/layout#margin-props).

| Prop       | Type                 | Default          |
| ---------- | -------------------- | ---------------- |
| `content*` | `ReactNode`          | No default value |
| `width`    | `Responsive<string>` | No default value |
| `minWidth` | `Responsive<string>` | No default value |
| `maxWidth` | `Responsive<string>` | `"360px"`        |

<!--$-->

<!--/$-->