Skip to content

Callouts

When you need to draw attention to important information, warnings, or destructive actions, standard Markdown blockquotes aren’t enough. The <Callout> component provides a premium, customized alternative to Starlight’s default asides.

import Callout from '@/components/docs/Callout.astro';
<Callout type="info" title="Did you know?">
FlightManual uses Shadcn UI primitives under the hood.
</Callout>
<Callout type="warning">
This API endpoint is deprecated and will be removed in v2.0.
</Callout>
<Callout type="success" title="Deployment Successful">
Your documentation is now live on Cloudflare Pages!
</Callout>
<Callout type="danger">
Deleting a user account is permanent and cannot be undone.
</Callout>
Did you know?

FlightManual uses Shadcn UI primitives under the hood.

Warning

This API endpoint is deprecated and will be removed in v2.0.

Deployment Successful

Your documentation is now live on Cloudflare Pages!

Danger

Deleting a user account is permanent and cannot be undone.

PropTypeRequiredDescription
type"info" | "warning" | "success" | "danger"NoThe style variant of the callout. Defaults to "info".
titlestringNoOverrides the default title (e.g., changing “Warning” to something custom).