<!-- Primary -->
<button type="button" class="btn btn-primary">Primary</button>

<!-- Secondary -->
<button type="button" class="btn btn-secondary">Secondary</button>

<!-- Link -->
<button type="button" class="btn btn-link">link</button>

<button type="button" class="btn {{ class }}">{{ text }}</button>
/* Primary */
{
  "class": "btn-primary",
  "text": "Primary",
  "desc": "Used for primary actions."
}

/* Secondary */
{
  "class": "btn-secondary",
  "text": "Secondary",
  "desc": "Used for secondary actions."
}

/* Link */
{
  "class": "btn-link",
  "text": "link",
  "desc": "Just text style with <button> or <a> tag"
}

There are no notes for this item.