Skip to end of metadata
Go to start of metadata

You are viewing an old version of this content. View the current version.

Compare with Current View Version History

« Previous Version 18 Next »

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

  • No labels