Callout

Highlight a block of content with a typed banner. Use sparingly — one or two per page.

Usage

This is the simplest possible callout.

Props

PropTypeDescription
type'info' | 'warning' | 'danger' | 'success' | 'neutral'Controls color and icon. Defaults to neutral.
iconstringOverride the default icon for this type.

Variants

Neutral information the reader may want to know.

Something to be careful about — non-blocking.

Something destructive or blocking. Read before proceeding.

A happy confirmation or positive note.

Markdown works inside the body — use code, bold, links, and lists freely.