Button
A Button triggers an action or an event.
Copy component
Edit page
Variants
The default button has a standard gray color. You can switch to a tinted variant to apply custom colors.
Default
Primary
Danger
Success
Style
The default button has a standard gray color. You can switch to a tinted variant to apply custom colors.
Button Text
Button Text
Button Text
Button Text
Button Text
With Icon
Buttons support an icon either before or after the label via the icon props. Avoid using both icons in a button at the same time.
Home
Delete
Message
Sign Up
Sign Up
Icon Only
Buttons support an icon either before or after the label via the icon props. Avoid using both icons in a button at the same time.