Badge

Displays a badge

Badge
Was this example helpful?

Usage#


Code
import { Badge } from "@medusajs/ui"
Code
<Badge>Badge</Badge>

API Reference#


This component is based on the div element and supports all of its props

PropTypeDefault
asChild
boolean
false
size
"2xsmall"
|"xsmall"
|"small"
|"base"
|"large"
"base"
rounded
"base"
|"full"
"base"
color
"green"
|"red"
|"blue"
|"orange"
|"grey"
|"purple"
"grey"
Was this page helpful?

Examples#


Grey#

Badge
Was this example helpful?

Red#

Badge
Was this example helpful?

Green#

Badge
Was this example helpful?

Blue#

Badge
Was this example helpful?

Orange#

Badge
Was this example helpful?

Purple#

Badge
Was this example helpful?

Small#

Badge
Was this example helpful?

Large#

Badge
Was this example helpful?

Rounded Full#

Badge
Was this example helpful?

Rounded Base#

Badge
Was this example helpful?