1.2 KiB
1.2 KiB
Callouts Reference
Basic Callout
> [!note]
> This is a note callout.
> [!info] Custom Title
> This callout has a custom title.
> [!tip] Title Only
Foldable Callouts
> [!faq]- Collapsed by default
> This content is hidden until expanded.
> [!faq]+ Expanded by default
> This content is visible but can be collapsed.
Nested Callouts
> [!question] Outer callout
> > [!note] Inner callout
> > Nested content
Supported Callout Types
| Type | Aliases | Color / Icon |
|---|---|---|
note |
- | Blue, pencil |
abstract |
summary, tldr |
Teal, clipboard |
info |
- | Blue, info |
todo |
- | Blue, checkbox |
tip |
hint, important |
Cyan, flame |
success |
check, done |
Green, checkmark |
question |
help, faq |
Yellow, question mark |
warning |
caution, attention |
Orange, warning |
failure |
fail, missing |
Red, X |
danger |
error |
Red, zap |
bug |
- | Red, bug |
example |
- | Purple, list |
quote |
cite |
Gray, quote |
Custom Callouts (CSS)
.callout[data-callout="custom-type"] {
--callout-color: 255, 0, 0;
--callout-icon: lucide-alert-circle;
}