...
Configurations of a button component
...
Label: Button label is used to give the identity for a button which display on UI
Variant: Users can set various types of variants for the button which is displayed in different color formats according to their actions
The Button comes in five variants
Neutral: Neutral is the default variant of the button which is displayed in white color
Brand: Brand is a blue button, used to draw attention to the primary action on a page
Outline-brand: Outline-brand is similar to the brand variant but the color is used for the label and border only, not the button color
Destructive: Destructive is a red button used to warn users that their action has a negative effect
Success: Success is a green button used to indicate a successful action
...
Left Icon Name: Display the icon on the left side of the button
...