There are no notes for this item.

<!-- Primary -->
<button class="button secondary" name="" type="button" value=""></button>

<!-- Default -->
<button class="button secondary" name="" type="button" value="">Default</button>

<!-- Visited -->
<button class="button secondary visited" name="" type="button" value="">Visited</button>

<!-- Hover -->
<button class="button secondary hover" name="" type="button" value="">Hover</button>

<!-- Focus -->
<button class="button secondary focus" name="" type="button" value="">Focus</button>

<!-- Active -->
<button class="button secondary active" name="" type="button" value="">Active</button>

<!-- Disabled -->
<button class="button secondary disabled" name="" type="button" value="" disabled>Disabled</button>

<button class="button secondary{{#if class}} {{class}}{{/if}}" name="{{name}}" type="{{#if type}}{{type}}{{else}}button{{/if}}" value="{{value}}"{{#if disabled}}disabled{{/if}}>{{text}}</button>
/* Primary: No context defined */

/* Default */
{
  "text": "Default"
}

/* Visited */
{
  "text": "Visited",
  "class": "visited"
}

/* Hover */
{
  "text": "Hover",
  "class": "hover"
}

/* Focus */
{
  "text": "Focus",
  "class": "focus"
}

/* Active */
{
  "text": "Active",
  "class": "active"
}

/* Disabled */
{
  "text": "Disabled",
  "class": "disabled",
  "disabled": true
}