Primary action buttons
The primary action button is the main action a user needs to complete on the page. There should only ever be one primary action button on a page.
Default
Hover State
Disabled State
Primary action buttons
The primary action button is the main action a user needs to complete on the page. There should only ever be one primary action button on a page.
Default
Hover State
Disabled State
Primary
Secondary action buttons
The secondary action is the next important action on the page. There can be multiple secondary action buttons on any one page.
Default
Hover State
Disabled State
Inactive state
Secondary
Secondary action buttons with icon
The secondary action is the next important action on the page. There can be multiple secondary action buttons on any one page.
Default
Hover State
Disabled State
Inactive state
Upload Selfie
Multiline Button
Get your quote today
Approval in 3 mins
Large Text Button
Find your loan todayFind your loan today
Fixed width button
A fixed width button works similarly to the fixed height conveersation buttons, only these buttons have fixed width instead of fixed height.
Default
Full width button
A button with 100% width.
Default
Button sizes
Simply add a class of 'large' or 'small' to alter the size.
Large
Square button
This button is used when we want to remove the border radius on our other buttons, so that we get a squared off button.
Default
Square
Text only button
Text only buttons are used when we need to make a button appear like a link. For example, if we need it to submit a form.
Default
Text Only