Help

Icon Button

A component that displays an icon in a button.

In this guide, you'll learn how to use the Icon Button component.

Was this example helpful?

Usage#

Code
1import { IconButton } from "@medusajs/ui"2import { Plus } from "@medusajs/icons"

Code
1<IconButton>2  <Plus />3</IconButton>

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

Was this helpful?

Was this example helpful?

Was this example helpful?

Was this example helpful?

Was this guide helpful?

Prop	Type	Default
`asChild`	`boolean`	`false`
`isLoading`	`boolean`	`false`
`variant`	`"primary"` \|`"transparent"`	`"primary"`
`size`	`"2xsmall"` \|`"xsmall"` \|`"small"` \|`"base"` \|`"large"` \|`"xlarge"`	`"base"`

Prop	Type	Default
`asChild`	`boolean`	`false`
`isLoading`	`boolean`	`false`
`variant`	`"primary"` \|`"transparent"`	`"primary"`
`size`	`"2xsmall"` \|`"xsmall"` \|`"small"` \|`"base"` \|`"large"` \|`"xlarge"`	`"base"`