Users can use buttons to perform form actions e.g save, preview, cancel. users can use buttons with different colors to convey different meanings.

How to use a button on the layout designer page:

Steps:

1. Goto component section

2. Search and select the button component in the component section

3. Drag and drop button component on layout

Configurations of a button component

1. Label: To display on UI 

2. Name: To save at the backend, instance prefix will append in case of custom object 

3. Variant: The button comes in five variants: neutral, brand, outline-brand, destructive, and success.

• The neutral button: To make the button simple use the neutral button variant

• Brand button: Has more emphasis, as they use a color fill and shadow.

• Outline-brand button: Is used for more emphasis than neutral buttons, these buttons do not have an outer border

• Destructive button: Indicates that the user should carefully decide whether to tap or click the button.

• Success button: indicates a successful or positive action. it has a green color style.

4. Option: The user can give row action to a button using the option

5. Left Icon Name: Display the icon on the left side of the button

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