Callouts

Use callouts to add eye-catching context to your content

Callouts can be styled as a Note, Warning, Info, Tip, Check, Danger, or create your own callout:

This adds a note in the content

<Note>This adds a note in the content</Note>

This raises a warning to watch out for

<Warning>This raises a warning to watch out for</Warning>

This draws attention to important information

<Info>This draws attention to important information</Info>

This suggests a helpful tip

<Tip>This suggests a helpful tip</Tip>

This brings us a checked status

<Check>This brings us a checked status</Check>

This is a danger callout

<Danger>This is a danger callout</Danger>

This is a custom callout

<Callout icon="key" color="#FFC107" iconType="regular">This is a custom callout</Callout>