Custom Components

Callout - Type

How to use callout type

Type

There are 5 types of callout:

Note

To use this you can passing the parameter type with value note to the props.

mdx
<Callout type="note">
    Here is a note callout
</Callout>

It will be rendered as:

Note

Here is a note callout

Tip

To use this you can passing the parameter type with value tip to the props.

mdx
<Callout type="tip">
    Here is a tip callout
</Callout>

It will be rendered as:

Tip

Here is a tip callout

Important

To use this you can passing the parameter type with value important to the props.

mdx
<Callout type="important">
    Here is an important callout
</Callout>

It will be rendered as:

Important

Here is an important callout

Warning

To use this you can passing the parameter type with value warning to the props.

mdx
<Callout type="warning">
    Here is a warning callout
</Callout>

It will be rendered as:

Warning

Here is a warning callout

Caution

To use this you can passing the parameter type with value caution to the props.

mdx
<Callout type="caution">
    Here is a caution callout
</Callout>

It will be rendered as:

Caution

Here is a caution callout

PreviousCallout
NextTitle