Menu
  • Get Started
  • Product
  • Resources
  • Tools & SDKs
  • Framework
  • Reference

Status Badge

Displays a status badge

Status
Was this example helpful?

Usage#

Code
import { StatusBadge } from "@medusajs/ui"
Code
<StatusBadge color="green">Active</StatusBadge>

API Reference#

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

PropTypeDefault
color
"green"
|"red"
|"blue"
|"orange"
|"grey"
|"purple"
"grey"
Was this helpful?

Examples#

Grey#

Status
Was this example helpful?

Red#

Status
Was this example helpful?

Green#

Status
Was this example helpful?

Blue#

Status
Was this example helpful?

Orange#

Status
Was this example helpful?

Purple#

Status
Was this example helpful?