Callouts are special blocks that help highlight important information in your documentation. Here are some examples of how to use them:

This is an informational callout. Use it to provide additional context or important details. This is a warning callout. Use it to warn users about potential issues or things to be careful about. This is an error callout. Use it to highlight common errors or problems users might encounter. This is a tip callout. Use it to share helpful tips and tricks with your users. This is a note callout without a title. You can omit the title prop if you don't need it.

To use a callout in your markdown, import the Callout component and use it like this:

<Callout type="info" title="Optional Title">
  Your content goes here. You can include **markdown** and other content.
</Callout>

Available types:

• info (default)
• warning
• error
• tip
• note