Aside

Boxed callout for inline emphasis — note, tip, caution, and danger variants out of the box.

Installation

npx @cloudflare/nimbus-docs add aside

yarn dlx @cloudflare/nimbus-docs add aside

pnpm dlx @cloudflare/nimbus-docs add aside

bunx @cloudflare/nimbus-docs add aside

Preview

<Aside type="note">
Asides support **rich content**, [links](#), and `inline code`.
</Aside>

Examples

Types

Four canonical variants for the most common callout intents.

<Aside type="note">Default note.</Aside>
<Aside type="tip">Pro tip.</Aside>
<Aside type="caution">Heads-up.</Aside>
<Aside type="danger">Critical.</Aside>

Custom title

Override the heading without losing the icon and color.

<Aside type="tip" title="Worth knowing">
Asides accept any heading. Useful when "Tip" doesn't fit your voice.
</Aside>

In context

Versioned docs

Use a collection prefix to add a new version.

Each version gets its own sidebar.

## Versioned docs

Use a collection prefix to add a new version.

<Aside type="tip" title="Stable links">
Keep version prefixes explicit when linking to release-specific guidance.
</Aside>

Each version gets its own sidebar.

API reference

Every prop the component accepts, sourced from a single declaration.

Prop	Type
`type`	`"note" \| "tip" \| "caution" \| "danger"`
`title`	`string`