元件

標章

以小巧、清晰的標章顯示分類或狀態。

色調、圓點與尺寸

neutralbluevioletambergreenred

SupportedPartialUnknown

smmd

A dot carries state; the text always says it.

DemoBadge 會呈現 span.ui-badge，並將 tone、variant（soft 或 dot）與 size（sm 或 md）對應至資料屬性。標章屬於註記，應放在需要測量的 flex、grid 或 float 版面之外。

<DemoBadge tone="green" variant="dot">Supported</DemoBadge><DemoBadge size="sm">Static</DemoBadge>

<span class="ui-badge" data-tone="green" data-variant="dot">Supported</span><span class="ui-badge" data-size="sm">Static</span>