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:

<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>

This is a note callout

This is a warning callout

This is an info callout

This is a danger callout

This is a success callout

Properties

typestringrequired

The type of the callout.

childrennoderequired

The content of the callout.