HiVolda Styleguide

Button 

<!-- Default -->
<a href="http://testlenke.no" class="btn">Basic button</a>


<!-- Input Element -->
<input value="Input button" type="submit" href="http://testlenke.no" class="btn"></input>


<!-- Button Element -->
<button type="submit" href="http://testlenke.no" class="btn">Button element</button>


<!-- Default input submit -->
<input value="Default input submit" type="submit" href="http://testlenke.no" class=""></input>


<!-- Default button -->
<button type="submit" href="http://testlenke.no" class="">Default button</button>


<{{ element }} {{ attr }} href="{{ href }}" class="{{ class }}">{{ text }}</{{ element }}>
 
/* Default */
{
  "element": "a",
  "text": "Basic button",
  "href": "http://testlenke.no",
  "class": "btn",
  "template": "element-button"
}


/* Input Element */
{
  "element": "input",
  "text": null,
  "href": "http://testlenke.no",
  "class": "btn",
  "template": "element-button",
  "attr": "value=\"Input button\" type=\"submit\""
}


/* Button Element */
{
  "element": "button",
  "text": "Button element",
  "href": "http://testlenke.no",
  "class": "btn",
  "template": "element-button",
  "attr": "type=\"submit\""
}


/* Default input submit */
{
  "element": "input",
  "text": null,
  "href": "http://testlenke.no",
  "class": null,
  "template": "element-button",
  "attr": "value=\"Default input submit\" type=\"submit\""
}


/* Default button */
{
  "element": "button",
  "text": "Default button",
  "href": "http://testlenke.no",
  "class": null,
  "template": "element-button",
  "attr": "type=\"submit\""
}

.btn class can be applied to <a>, <button> and <inpu type="button"> elements.