General
Callout
This is a callout component that can be used to draw attention to important information.
Import
Code
Component Properties
The properties of the component.
type
required
"note" | "tip" | "info" | "caution" | "danger"
title
string
className
string
icon
boolean
Hot tip
There's a shortcut to use callout components in Markdown files: Admonitions.
Note
Hey, listen!
This draws attention to important information.
Code
Info
It's safe to use the info
This adds info to your content.
Code
Tip
You'll be successful
If you choose to be.
Code
Danger
But some things are dangerous
It's dangerous to go alone, take this.
Code
Caution
So, better show a warning
This raises a warning to watch out for.
Code
Variations
Callouts can be customized by omitting the title or icon:
Without a title
Without an icon
You can hide the icon while keeping the title
Or have neither title nor icon
Code
Last modified on