...
Allows to show buttons in different color format
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 Name
...
Displays the icon on the left side of the button label
...
Right Icon Name
...
Displays the icon on the right side of the button label
...
Click Action
You can perform a click action on the button
e.g. if you set the success action for the button click event, a success message will be displayed
Following is an example of how to perform a Click Action
Example
Go to Events
...
Go to click>search and select Toaster from the Action drop-down
...
Click gear icon
Give Select the success Success action
...
Click on the save Save button
Save the layout and run the layout
Click on the preview Preview
After clicking on the button, a success message Success Message will be displayed
...
| Include Page | ||||
|---|---|---|---|---|
|
...