A button is a clickable component that triggers an action when pressed.
A button shall only contain a short and descriptive label, stating what will happen on press and giving users confidence in selecting the right action.
No icons may be included with the button label.
Go to the “Action language” section to have more info about button label and pick the right wording for your button.
Type of buttons
It is the most often used button. Also, its height makes it a perfect fit for pane headers.
Button with a dropdown menu
This button allows you to have the primary action visible while all secondary actions are hidden under a menu dropdown.
It is almost twice the size of the classic button, making it more finger friendly.
Its width will take the app pane, making it impossible to miss.
By clicking on a button, users can perform the corresponding action.
Since a button is a clickable element, it has multiple states.
Each state is associated with a different color, providing visual feedback to users.
Buttons are shown in a rectangle format with a corner radius of 100%.