Badge
Displays a badge
Was this example helpful?
Usage
import { Badge } from "@medusajs/ui"
<Badge>Badge</Badge>
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 section 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?