Badge #
Use badges for states, versions, and taxonomy tags.
Props #
| Prop | Type | Required | Description |
|---|---|---|---|
variant | 'default' | 'primary' | 'success' | 'warning' | 'danger' | No | Color style variant. |
children | ReactNode | Yes | Badge text/content. |
Examples #
Live examples #
DraftFeaturedStableDeprecated SoonDeprecated
Code #
Default #
mdx
<Badge>Draft</Badge>
Primary #
mdx
<Badge variant="primary">Featured</Badge>
Success, warning, danger #
mdx
<Badge variant="success">Stable</Badge><Badge variant="warning">Deprecated Soon</Badge><Badge variant="danger">Deprecated</Badge>