Overview

Buttons are used to provide users with a call to action. Typically allowing users to execute, submit, confirm and go to a certain object.

Usage

When to use

Buttons allow users to interact with the page or product - use buttons to provide the user with an action. Each page or product area should not have more than 1 primary button, any remaining CTA's should be displayed as secondary buttons.

When not to use

?TBC?

Types, Variants and States

https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FrIWBCOOiVoBZA7EBqnlmpB%2FDesign-System-Documentation%3Fnode-id%3D778%253A642

Accessibility

• It is advisable to use colour combinations provided by the implementation. These combinations are ensured to comply with WCAG AA requirements. When customising colours, refer to colour guidelines to ensure accessibility.
• In most cases, prefer using normal size buttons over small buttons. Default sized buttons are easier for users to notice and press.