Callout
Styled alert blocks for notes, warnings, and tips
Last updated March 17, 2026
Highlight important information with colored callout blocks. Use blockquote syntax with a type prefix.
Usage
Start a blockquote with [!TYPE] where TYPE is one of: NOTE,
TIP, INFO, WARNING, or DANGER.
> [!NOTE]
> This is a note with additional context.
> [!WARNING]
> Be careful with this operation.
Examples
Note
Notes are useful for supplementary information that helps the reader understand a concept better.
Tip
Tips suggest a better way to accomplish something.
Info
Info blocks provide neutral background context.
Warning
Warnings alert the reader about potential issues.
Danger
Danger blocks flag actions that could cause problems.
API reference
Callout types
| Property | Type | Default | Description |
|---|---|---|---|
NOTE | Blue | Supplementary information | |
TIP | Green | Helpful suggestions | |
INFO | Blue | Neutral context | |
WARNING | Amber | Potential issues | |
DANGER | Red | Destructive or risky actions |