Buttons

Components
Buttons
Ex. <a href="#" class="btn btn-primary"> Primary </a>
Primary Secondary Success Danger Info Warning Light Dark
Buttons Pill
Ex. <a href="#" class="btn btn-pills btn-primary"> Primary </a>
Primary Secondary Success Danger Info Warning Light Dark
Buttons Soft
Ex. <a href="#" class="btn btn-soft-primary"> Primary </a>
Primary Secondary Success Danger Info Warning Light Dark
Buttons Pill Soft
Ex. <a href="#" class="btn btn-pills btn-soft-primary"> Primary </a>
Primary Secondary Success Danger Info Warning Light Dark
Buttons Outline
Ex. <a href="#" class="btn btn-outline-primary"> Primary </a>
Primary Secondary Success Danger Info Warning Light Dark
Buttons Pill Outline
Ex. <a href="#" class="btn btn-outline-primary"> Primary </a>
Primary Secondary Success Danger Info Warning Light Dark
Button Icons
Ex. <a href="#" class="btn btn-icon btn-primary"><i data-feather="facebook" class="fea icon-sm"></i></a>
Outline Button Icons
Ex. <a href="#" class="btn btn-icon btn-outline-primary"><i data-feather="facebook" class="fea icon-sm"></i></a>
Button Pill Icons
Ex. <a href="#" class="btn btn-icon btn-pills btn-primary"><i data-feather="facebook" class="fea icon-sm"></i></a>
Outline Button Pill Icons
Ex. <a href="#" class="btn btn-icon btn-pills btn-outline-primary"><i data-feather="facebook" class="fea icon-sm"></i></a>
Button Sizing
Ex. <a href="#" class="btn btn-primary btn-sm"> Primary </a>
Ex. <a href="#" class="btn btn-primary btn-lg"> Primary </a>

Login

Select your color
Theme Options