Components
Button

Button

Buttons with labels represent the most important actions that users frequently trigger. They can vary in prominence and can include an icon.

Examples

Variants

Sizes

Upload

Required props

children

Button contents

type
React.ReactNode
default
null

Optional props

size

Increase or decrease padding.

type
normal
large
default
normal

variant

Change between color combinations.

type
primary
secondary
tertiary
critical
criticalTertiary
default
secondary

loading

Disable the button and show a spinner.

type
boolean
default
false

asChild

Merge button props with immediate child.

type
boolean
default
false

Related components