Callout.
A flexible in-content note with semantic tones and Lucide icon.
The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.
Props & API reference
Parameters available in the shared component, including value types, requirements and accepted options.
| Parameter | Type | Required | Default | Possible values | Description |
|---|---|---|---|---|---|
title | string | Yes | — | — | Callout heading. |
children | ReactNode | No | — | — | Optional supporting content. |
tone | "info" | "success" | "warning" | "note" | No | info | info · success · warning · note | Message category. |
className | string | No | — | — | Extra styling class. |