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 in a button.
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.
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.
This button is perfect to switch between different views and/or use as filters.
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 25%.