UI / Components / doc / Callout

Callout

NOTE / TIP / IMPORTANT / WARNING / CAUTION.

5-variant callout block matching the GFM `[!NOTE]` syntax. Use inside docs / blog posts / templates. Theme-aware backgrounds + accent stripes.

$npx dock-ui add callout

import { Callout } from "@/components/ui/callout";

<Callout variant="warning">Don't push to main directly. Branch protection blocks it.</Callout>

via CLI

$ npx dock-ui add callout

Writes the file(s) directly to your components/ui/ folder. You own the code.

For agents

curl -L https://ui.trydock.ai/r/callout.json

Returns a JSON manifest with file paths + contents. Agent-readable, LLM-fetchable.