Buttons
Clickable elements that perform one action.
Last updated
Was this helpful?
Clickable elements that perform one action.
Last updated
Was this helpful?
The buttons show the actions of each page. They have quick identification of functionality (preferably through a verb) with clear definitions of hierarchy, so the main action is related to the primary style and the others to the secondary ones.
The button text pattern follows that described in btn-default in typography tokens.
Primary buttons are related to only the main action of a page.
Icon buttons most of the time appear with a label to easy action association by users.
Please, remember that the text links should be written with an action verb, this is more accessible information for most users.
Do not create new button styles! It can be really funny however it will smash our design system.