Badge

Displays a badge

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

PropTypeDefault
asChild
boolean
false
size
"small"
|"base"
|"large"
"base"
rounded
"base"
|"full"
"base"
color
"green"
|"red"
|"blue"
|"orange"
|"grey"
|"purple"
"grey"
Was this section 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?