Content Comparison

The button can be used in the layout to perform a specific action by binding with it.

Image Added

Configurations of a button component

...

• Label: To Button label is used to give the identity for a button which display on UI

• Name: This is the unique identifier of the component in the layout

• Variant:

• Neutral:

• Brand:

• Outline-brand:

• Destructive:

Success:

Variant: Users can set various types of variants for the button which is displayed in different color formats according to their actions

• 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

...

• Right Icon Name: Display the icon on the right side of the button

...