Callouts
2 min
Callout blocks highlight important information using colored containers. They are useful for displaying tips, confirmations, warnings, and critical notices.
Syntax
You can add this component using either Markdown or MDX.
:::::hint{type="info"}
Your content here.
:::Callouts support the following types:
- info
- success
- warning
- danger
MDX example
The following example creates four different callout types.
<hint type="info">
Use **info** callouts for helpful tips and additional context.
</hint>
<hint type="success">
Use **success** callouts for positive outcomes or confirmations.
</hint>
<hint type="warning">
Use **warning** callouts for things users should be careful about.
</hint>
<hint type="danger">
Use **danger** callouts for critical warnings or destructive actions.
</hint>Have a question?
Our super-smart AI, knowledgeable support team and an awesome community will get you an answer in a flash.
To ask a question or participate in discussions, you'll need to authenticate first.