Callout

Use Callout when a paragraph needs more attention than normal prose but should still stay inside the reading flow.

Import

import { Callout } from '@prosefly/astro-components';

Basic Usage

When title is omitted, the callout renders as a compact inline message with an icon and body content.

<Callout type="warning">
  When using a hosted coding plan, follow the tutorial before configuring a
  dedicated endpoint.
</Callout>

With Title

Add title when the message needs a short heading. The icon and title share the first row, while the content appears below.

<Callout type="note" title="Document the default behavior">
  The note variant is a safe default for implementation details, caveats, and
  editorial guidance.
</Callout>

Variants

Use type to match the intent of the message.

Rich Content

Callouts accept normal MDX content.

Props

Behavior

Callouts are static content containers. They do not collapse, dismiss, or add client-side behavior.