Callout #

Use callouts for important narrative notes and tips.

Props #

Prop	Type	Required	Description
`icon`	`string`	No	Icon name resolved by `Icon`.
`variant`	`'default' \| 'caution' \| 'error' \| 'note' \| 'success'`	No	Color variant for the callout block.
`children`	`ReactNode`	Yes	Callout content.

Keep docs task-oriented and skimmable.

This action can affect existing navigation and links.

Build failed because a referenced page path does not exist.

This is a note-style callout for context and reference details.

Configuration saved and applied successfully.

Push to main to publish to GitHub Pages.

Update sidebar.json whenever you add new guides.

mdx

<Callout>
  Keep docs task-oriented and skimmable.
</Callout>

mdx

<Callout variant="caution" icon="alert">
  This action can affect existing navigation and links.
</Callout>

mdx

<Callout variant="error" icon="error">
  Build failed because a referenced page path does not exist.
</Callout>

mdx

<Callout variant="note" icon="book">
  This is a note-style callout for context and reference details.
</Callout>

mdx

<Callout variant="success" icon="check">
  Configuration saved and applied successfully.
</Callout>

mdx

<Callout icon="rocket">
  Push to main to publish to GitHub Pages.
</Callout>

mdx

<Callout icon="tool">
  Update `sidebar.json` whenever you add new guides.
</Callout>