Usage
Information
Published
Beta
Active
Pending
Review
<UIBadge>Information</UIBadge>
<UIBadge tone="accent">Published</UIBadge>
<UIBadge tone="danger">Review</UIBadge>| Name | Type / default | Description |
|---|---|---|
tone
|
neutral | accent | info | success | warning | danger
neutral
| Visual treatment of the label. |
dot
|
boolean
false
| Adds a decorative dot in the color of the tone. |
class
|
string
| Additional classes. |
Content and accessibility
The
default
snippet is required. Badge renders as a
span: it adds no interaction, roles or announcements. Use text that explains the state; color must not be its only meaning.