Button

There are no notes for this item.

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

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

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

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

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

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

<button {{#if class}}class="{{class }}"{{/if}}name="{{name}}" type="{{#if type}}{{type}}{{else}}button{{/if}}" value="{{value}}"{{#if disabled}}disabled{{/if}}>{{text}}</button>
/* 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
}