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;
}

01 Jan, 0001