# Callouts

> Make your content stand out by using callouts for extra emphasis.

Source: https://docs.doccupine.com/callouts

> For the complete documentation index, see [llms.txt](https://docs.doccupine.com/llms.txt).

# Callouts

Make your content stand out by using callouts for extra emphasis.

You can format them as Note, Warning, Info, Danger and Success.

## Callouts Usage

You can use the Callouts component directly within your MDX files without any import. The following example shows a basic usage:

```html
<Callout type="note">This is a note callout</Callout>
<Callout type="warning">This is a warning callout</Callout>
<Callout type="info">This is an info callout</Callout>
<Callout type="danger">This is a danger callout</Callout>
<Callout type="success">This is a success callout</Callout>
```

<Callout type="note">
  This is a note callout
</Callout>
<Callout type="warning">
  This is a warning callout
</Callout>
<Callout type="info">
  This is an info callout
</Callout>
<Callout type="danger">
  This is a danger callout
</Callout>
<Callout type="success">
 This is a success callout
</Callout>

## Properties

<Field value="type" type="string">
  The type of the callout: `note`, `info`, `warning`, `danger`, or `success`.
</Field>

<Field value="icon" type="string">
  A custom [Lucide](https://lucide.dev/icons) icon name. Overrides the default icon for the callout type.
</Field>

<Field value="children" type="node" required>
  The content of the callout.
</Field>