Missouri State University Pattern Library

Secondary buttons

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
}