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 props of this element.

PropTypeDefault
color
enum
"grey"
size
enum
"base"
type
enum
"default"
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

Badge
Was this example helpful?

Icon

Was this example helpful?