Buttons provide a visual indication that users can take a specified action.
Buttons should be clear and direct.
Keep button labels short and concise.
Button labels must remain on one line.
A primary button is used to “Create a New Product”.
A secondary button is used in conjunction with a primary button.
A subtle button is used to “Cancel” in conjunction with other actions.
The container houses the content of the button.
Single line of text describing the action.
3. Icon (optional)
Buttons have the option of including an icon to the left of the label.
Hierarchy & Types