BAGS — Design System

All buttons: Primary 

<button type="button" class="btn btn-primary">
    <span class="icon-placeholder "><i class="icon-piggy"></i></span>
    Primary
</button>
 
<button type="button" class="btn {{ class }}">
	{% render '@icon', icon %}
	{{ text }}
</button>
 
{
  "class": "btn-primary",
  "text": "Primary",
  "icon": {
    "image": "piggy"
  }
}
  • Handle: @button-with-icon--primary
  • Preview:
  • Filesystem Path: src/components/01-atoms/buttons/button-with-icon/left-big/button-with-icon.njk
  • References (1): @icon

No notes defined.