Aside

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

Installation

npx nimbus-docs add aside

yarn dlx nimbus-docs add aside

pnpm dlx nimbus-docs add aside

bunx 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="On the way">
Versioned docs land in v1.1 — see the [roadmap](/features) for status.
</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`