Icon Button

Displays an icon button

Was this example helpful?

Usage


1import { IconButton } from "@medusajs/ui"2import { Plus } from "@medusajs/icons"
1<IconButton>2  <Plus />3</IconButton>

API Reference


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

PropTypeDefault
asChild
boolean
false
isLoading
boolean
false
variant
"primary"
|"transparent"
"primary"
size
"2xsmall"
|"xsmall"
|"small"
|"base"
|"large"
|"xlarge"
"base"
Was this section helpful?

Examples


Primary

Was this example helpful?

Transparent

Was this example helpful?

Base

Was this example helpful?

Large

Was this example helpful?

X-Large

Was this example helpful?

Disabled

Was this example helpful?

Loading

Was this example helpful?