Versions Compared

Key

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

...

  • Label: A button label is used to give the identity of a button, which is displayed on the UI and its editable

  • Variant: Users can set Sets various types of variants for the button which is are displayed in different color formats according to their actions

    • The Button 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 users that their action has a negative effect

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

...

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

...

Click Action: The user You can perform a click actions action on the button e. For example, g if you set the user sets the success action for the button , when the user clicks you click on the button, a success message will be displayed

...