A button is an interactive element that triggers an event or initiates an action.
The color of the button
'red' | 'gray' | 'blue' | 'white'
The contents of the button
React.ReactNode
Component to render the button as
React.ElementType
Whether the button is disabled or not
boolean
Use the color prop instead
boolean
Whether the button takes you to an external url or not
boolean
Use the variant prop instead
boolean
Whether the button is the full width of its parent
boolean
Use the variant prop instead
boolean
Use the variant prop instead
boolean
The size of the button
'default' | 'small' | 'large'
"default"
Whether the button is a submit button or a regular button
boolean
The location the button will route to
string
The title of the button
string
The button style variant
'outline' | 'mutedOutline' | 'text' | 'filled'
"filled"
Replaces the button text with a loading spinner
boolean
Label for the button when loading
string
margin
margin
marginTop
marginRight
marginBottom
marginLeft
marginX
marginY
m
mt
mr
mb
ml
mx
my
padding
padding
paddingTop
paddingRight
paddingBottom
paddingLeft
paddingX
paddingY
p
pt
pr
pb
pl
px
py
width
width
Pass an icon through this prop to render it
React.ElementType
Size of the icon
number | string
18
Adds an aria-label attribute to the icon
string
margin
margin
marginTop
marginRight
marginBottom
marginLeft
marginX
marginY
m
mt
mr
mb
ml
mx
my
The contents of the button group
React.ReactNode