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:
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
Label: To display on UI
Name: To save at the backend, instance prefix will append in case of custom object
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