Versions Compared

Key

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

...

  • Buttons are clickable items used to perform an action

  • Button click event invokes workflow associated with it, which actually performs actions such as save, new, cancel etc.

...

  • Allows to show Buttons in different color formats

  • The Button component comes in five variants

    • 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 that the action has a negative effect

    • Success: Success is a green Button used to indicate a successful action

...

Left Icon

...

  • Displays the icon on the left side of the Button Label

...

Right Icon

...

  • Displays the icon on the right side of the Button Label

...