Buttons Component

Basic Usage

<div class="btns">
  <a class="btn" href="#">Button</a>
</div>

Variants

Colored Buttons

Light Button Default Button Dark Button

Primary Button Secondary Button Tertiary Button

<div class="btns">
  <a class="btn btn-light" href="#">Light Button</a>
  <a class="btn btn-default" href="#">Default Button</a>
  <a class="btn btn-dark" href="#">Dark Button</a>
  <hr class="w-full border-0">
  <a class="btn btn-primary" href="#">Primary Button</a>
  <a class="btn btn-secondary" href="#">Secondary Button</a>
  <a class="btn btn-tertiary" href="#">Tertiary Button</a>
</div>