Buttons

Buttons are also called as call to action. We have range of buttons and their states.

Primary Style Buttons

Whenever you want your user to click on a link or button, use primary style buttons.Add class btn along with btn-primary/ btn-secondary to get primary style buttons with cta color or secondary color respectively.

Add class link-text-primary to get link text buttons

CTA button

secondary action button

primary text

Outline Buttons

For buttons with significance than the cta buttons we have buttonds with outline style. Just add class outline-btn-primary/ outline-btn-secondary for primary color button / secondary color button.

Buttons with Icon

To add icons to buttons you just need to give a svg in the button content and add class button-icon to it.