Callout

Use :::callout for emphasized notes, warnings, tips, and status messages.

1:::callout {variant="warning" theme="soft" title="Read this first"}2Content stays Markdown.3:::

Attributes

• variant: note, info, tip, warning, danger, success
• theme: callout theme name
• title: optional title displayed above the body

Defaults:

• variant="note"
• theme="soft"

Unknown variants fall back to note and produce a non-fatal diagnostic where diagnostics are available.

Markdown Content

Callouts support nested Markdown:

1:::callout {variant="tip" title="Use the server renderer"}2Render fields with:3 4```tsx5<MarkdownRenderer markdown={post.content} />6```7:::

Themes

Built-in callout themes:

• soft
• solid
• glass

Register custom callout themes in config:

1payloadMarkdown({2  themes: {3    callout: {4      items: [5        {6          name: 'blueprint',7          classes: 'rounded-xl border border-cyan-400/40 bg-cyan-950/30 px-4 py-3',8        },9      ],10    },11  },12})