Badge
Displays a badge
Was this example helpful?
Usage#
API Reference#
This component is based on the div element and supports all of its props
| Prop | Type | Default |
|---|---|---|
asChild | boolean | false |
size | "2xsmall"| "xsmall"| "small"| "base"| "large" | "base" |
rounded | "base"| "full" | "base" |
color | "green"| "red"| "blue"| "orange"| "grey"| "purple" | "grey" |
Was this helpful?
Examples#
Grey#
Was this example helpful?
Red#
Was this example helpful?
Green#
Was this example helpful?
Blue#
Was this example helpful?
Orange#
Was this example helpful?
Purple#
Was this example helpful?
Small#
Was this example helpful?
Large#
Was this example helpful?
Rounded Full#
Was this example helpful?
Rounded Base#
Was this example helpful?