<!-- Primary -->
<button type="button" class="btn btn-primary">
    Primary
    <i class="icon-[object Object]"></i>
</button>

<!-- Primary Large -->
<button type="button" class="btn btn-primary btn-lg">
    Primary large
    <i class="icon-[object Object]"></i>
</button>

<!-- Primary Small -->
<button type="button" class="btn btn-primary btn-sm">
    Primary small
    <i class="icon-[object Object]"></i>
</button>

<button type="button" class="btn {{ class }}">
	{{ text }}
	<i class="icon-{{ icon }}"></i>
</button>
/* Primary */
{
  "class": "btn-primary",
  "text": "Primary",
  "icon": {
    "image": "piggy"
  }
}

/* Primary Large */
{
  "class": "btn-primary btn-lg",
  "text": "Primary large",
  "icon": {
    "image": "piggy"
  }
}

/* Primary Small */
{
  "class": "btn-primary btn-sm",
  "text": "Primary small",
  "icon": {
    "image": "piggy"
  }
}

No notes defined.