Overview
We have buttons designed for use across our application suite. There is various constraints on their usage which are outlined below.
We have specific button components for our Figma plugin that we can use. These should not be used on the web-app.
Button Alignment
In general buttons should always be aligned to the right with the affirmative action on the right of any negative action.
Avoid the use of multiple primary button variants next to one another.
Never mix button sizes
Icon buttons should only be used in cases where there is limited space to initiate an action or for third level CTAβs such as closing modals or copying deep links. They should never be used for confirmation or as priority CTAβs.
We have specific button components for our Figma plugin that we can use. These should not be used on the web-app.
Multi action buttons allow the user to choose from a set of actions that the button can perform. Once selected the action will remain the default action of that button until the user changes the selection or the app relaods.