Crispus

Button: Default 

<div class="m-v400 m-h200">
    <button class="btn">Next</button>
</div>
<div class="m-v400 m-h200">
    <button class="btn" disabled>Next</button>
</div>
<div class="m-v400 m-h200">
    <a class="btn">Next</a>
</div>
 
{{#each buttons as |button|}}
  <div class="m-v400 m-h200">
    <{{type}} class="btn{{#if ../theme}} btn--{{../theme}}{{/if}}" {{#if disabled}}disabled{{/if}}>{{label}}</{{type}}>
  </div>
{{/each}}
 
{
  "buttons": [
    {
      "label": "Next",
      "type": "button"
    },
    {
      "label": "Next",
      "disabled": true,
      "type": "button"
    },
    {
      "label": "Next",
      "type": "a"
    }
  ]
}

There are no notes for this item.