Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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

...

  • 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