StarterX static components

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>


<!-- Black button -->
<button href="http://testlenke.no" class="btn btn--black">Tag button</button>


<!-- White button -->
<button href="http://testlenke.no" class="btn btn--white">Tag button</button>


<!-- Rounded button -->
<button href="http://testlenke.no" class="btn btn--rounded">Tag button</button>


<!-- Tag button -->
<button href="http://testlenke.no" class="btn tag-cloud-link">Tag button</button>


<!-- Tag button -->
<button href="http://testlenke.no" class="btn tag-cloud-link is-active">Tag button</button>


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


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


/* Black button */
{
  "element": "button",
  "text": "Tag button",
  "href": "http://testlenke.no",
  "template": "element-button",
  "class": "btn--black"
}


/* White button */
{
  "element": "button",
  "text": "Tag button",
  "href": "http://testlenke.no",
  "template": "element-button",
  "class": "btn--white"
}


/* Rounded button */
{
  "element": "button",
  "text": "Tag button",
  "href": "http://testlenke.no",
  "template": "element-button",
  "class": "btn--rounded"
}


/* Tag button */
{
  "element": "button",
  "text": "Tag button",
  "href": "http://testlenke.no",
  "template": "element-button",
  "class": "tag-cloud-link"
}


/* Tag button */
{
  "element": "button",
  "text": "Tag button",
  "href": "http://testlenke.no",
  "template": "element-button",
  "class": "tag-cloud-link is-active"
}

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