BAGS — Design System

Button 

<!-- 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"
}

No notes defined.