Button


Examples


margin
padding
width
Learn More
color
string
Possible values:
gray
blue
red
The color of the button
children
react node
Children of the button
component
elementType
Component to render the button as. (i.e. 'span')
disabled
bool
Whether the button is disabled or not
destructive
bool
Deprecated
Use the color prop instead
external
bool
Whether the button takes you to an external link or not
flat
bool
Deprecated
Use the variant prop instead
fullWidth
bool
Whether the button is the full width of its parent
outline
bool
Deprecated
Use the variant prop instead
outlineBorder
bool
Deprecated
Use the variant prop instead
size
string
default: default
Possible values:
small
large
default
The size of the button
submit
bool
Whether the button is a submit button or regular button
to
string | object
The location the button will route to
title
string
The title of the button
variant
string
default: "filled"
Possible values:
"filled"
"outline"
"mutedOutline"
"text"
Button style variant

margin
padding
width
Learn More
as
elementType
Pass an icon through this prop to render it
size
number | string
default: 18
Size of the icon
label
string
Adds an aria-label attribute for the icon