Callout Types

The type attribute styles the details section like a Quarto callout — with matching colors and a default icon.

Note

A note-styled collapsible section (type="note"):

Additional Information

This uses the note color scheme (blue) and automatically includes the info icon.

Notes are good for supplementary information that most readers can skip.

Warning

A warning-styled section (type="warning"):

Potential Issues

This uses the warning color scheme (amber) with the triangle-alert icon.

Use warnings for gotchas, common mistakes, or things that could go wrong.

Tip

A tip-styled section (type="tip"):

Pro Tip

This uses the tip color scheme (green) with the lightbulb icon.

Tips are great for best practices and helpful advice.

Danger

A danger-styled section (type="danger"):

Breaking Changes

This uses the danger color scheme (red) with the circle-alert icon.

Use danger for destructive operations, breaking changes, or irreversible actions.

All Types Together

Comparing all four types side by side:

Note type

Blue theme with info icon.

Warning type

Amber theme with alert icon.

Tip type

Green theme with lightbulb icon.

Danger type

Red theme with circle-alert icon.