Missouri State University Pattern Library

Primary buttons

There are no notes for this item.

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


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


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


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


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


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


<button class="button{{#if 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
}