Help

Button

A component for rendering buttons using Medusa's design system.

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

Was this example helpful?

Usage#

Code
import { Button } from "@medusajs/ui"

Code
<Button>Button</Button>

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

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

Was this helpful?

Was this example helpful?

Was this example helpful?

Was this example helpful?

Was this example helpful?

Was this guide helpful?