Missouri State University Pattern Library

Large buttons

There are no notes for this item.

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


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


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


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


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


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


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