Callout
Highlight guidance without interrupting the reading flow.
On this page
View code
import Callout from "@chitrank2050/monoline-docs/components/Callout.astro";
<Callout>
<p>Read the deployment guide before publishing.</p>
</Callout>Usage
Use note for context, tip for recommendations, important for essential information, warning for risk and caution for destructive consequences.
Explicit title and type
View code
import Callout from "@chitrank2050/monoline-docs/components/Callout.astro";
<Callout type="tip" title="Before you publish">
<p>Check internal links and search.</p>
</Callout>API reference
| Name | Type | Default | Description |
|---|---|---|---|
type | note | tip | important | warning | caution | note | Select the semantic color treatment. |
title | string | — | Optional explicit heading; omitted titles render no header. |
Behavior and accessibility
Use an explicit title only when it adds information. Keep essential instructions in the article; use callouts for contextual guidance or a relevant caution.