Buttons

Buttons are an important part of any application. They are used for various purposes, to submit or reset a form, navigate, performing interactive actions such as showing or hiding something in an application on click of the button, etc. Buttons are used to drive CTA (Call to Action) on most pages, so it’s important to make them stand out and inviting to users.

Basic Button

index.html

<button class="btn">Default</button>

Colored Button

index.html

<button class="btn indigo">Indigo</button>
<button class="btn purple">Purple</button>
<button class="btn pink">Pink</button>
<button class="btn red">Red</button>
<button class="btn orange">Orange</button>
<button class="btn yellow">Yellow</button>
<button class="btn green">Green</button>
<button class="btn teal">Teal</button>
<button class="btn cyan">Cyan</button>
<button class="btn blue">Blue</button>