---
title: Callouts
description: "Draw attention to important information with Note, Tip, Warning, Danger, and Check callouts. Supports custom titles and rich Markdown content."
---

Callouts draw attention to key information.

## Types

<Note>
Helpful context or additional information.
</Note>

<Info>
Neutral information or supplementary facts.
</Info>

<Tip>
Best practices or optimization suggestions.
</Tip>

<Warning>
Important caveats or requirements.
</Warning>

<Danger>
Critical warnings — actions that could cause data loss.
</Danger>

<Check>
Success confirmations or completed steps.
</Check>

## Usage

```mdx
<Note>
Helpful context or additional information.
</Note>

<Warning>
Important caveats or requirements.
</Warning>
```

## With custom title

<Note title="Did you know?">
You can use **Markdown** inside callouts, including `code` and [links](/introduction).
</Note>

```mdx
<Note title="Did you know?">
You can use **Markdown** inside callouts.
</Note>
```
