Status Badge
A component that displays the status of an item in a badge style. It's useful to indicate states like "Active", "Published", or "Draft".
In this guide, you'll learn how to use the Status Badge component.
Draft
Was this example helpful?
Usage#
API Reference#
This component is based on the span element and supports all of its props
| Prop | Type | Default |
|---|---|---|
color | "green"| "red"| "blue"| "orange"| "grey"| "purple" | "grey" |
Was this helpful?
Examples#
Status Badge Colors#
ActiveErrorPendingInfoArchivedDraft
Was this guide helpful?