Icon Badge

Displays an icon badge

Was this example helpful?

Usage#


Code
1import { IconBadge } from "@medusajs/ui"2import { BuildingTax } from "@medusajs/icons"
Code
1<IconBadge>2  <BuildingTax />3</IconBadge>

API Reference#


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

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

Base#

Was this example helpful?

Large#

Was this example helpful?
Ask Anything
FAQ
What is Medusa?
How can I create a module?
How can I create a data model?
How do I create a workflow?
How can I extend a data model in the Product Module?
Recipes
How do I build a marketplace with Medusa?
How do I build digital products with Medusa?
How do I build subscription-based purchases with Medusa?
What other recipes are available in the Medusa documentation?
Chat is cleared on refresh
Line break