Updated 7 January 2025
Buttons
Updated 19 Dec 2024View Figma
Updated 20 Dec 2024View Figma
Updated 07 Jan 2025View Figma
Buttons are used primarily for initiating and confirming actions. They should not be used in the documentation pages.
Tertiary buttons, which look similar to links, are used for less important or less commonly used actions, such as initiating local config changes.
Best practices
- Be clearly and accurately labeled.
- Lead with a strong, actionable verb.
- Position primary buttons to the right of secondary variants.
- Be right aligned.
- Be used sparingly or not at all in the documentation pages.
Primary(15 variants)
Variant
Combine variants to compose groups of actions of different importance.
Follow these basic constraints on button usages.
Don’t
Placing multiple buttons of the same variant next to one another
Don’t
Avoid placing buttons of different sizes next to each other
Secondary(15 variants)
Variant
Combine variants to compose groups of actions of different importance.
Tertiary(15 variants)