Callout Block

Callout panels styled to match YunUI's Alert primitive — a full soft-tint box with an all-side soft border, a leading semantic icon and a title, sharing the same red/green/amber vocabulary as Alert, Badge and the status dots. Six types cover the GitHub admonition set: note, tip, important, warning, caution, plus a YunUI success. Inside MarkdownRenderer these are produced automatically from > [!NOTE] blockquote syntax; use CalloutBlock directly when you compose your own layout. The companion parseCalloutType() helper detects the [!TYPE] marker in a blockquote's first line.

Import

1import { CalloutBlock, parseCalloutType } from "@yuhuanowo/yunui/content";

Types

In markdown

Inside MarkdownRenderer, callouts come from the standard GitHub blockquote syntax:

1> [!WARNING]
2> This action cannot be undone.

Props