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

Prop Type Description
type 'info' | 'warning' | 'danger' | 'success' | 'neutral' Controls color and icon. Defaults to neutral.
icon string Override 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.