Karriereveiledning

Button 

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


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


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


<!-- Full Width -->
<a href="http://testlenke.no" class="btn full-width">Full width button</a>


<!-- Original Case -->
<a href="http://testlenke.no" class="btn original-case">Original case Button</a>


<!-- Disabled -->
<button href="http://testlenke.no" class="btn" disabled>Disabled button</button>


<{{element}} {{ href ? 'href="' ~ href ~ '"'}} class="{{ class ? class : "btn" }}" {{ attr }}>{{ text }}</{{element}}>
 
/* Default */
{
  "element": "a",
  "href": "http://testlenke.no",
  "class": "btn",
  "text": "Button"
}


/* Secondary */
{
  "element": "a",
  "href": "http://testlenke.no",
  "class": "btn-secondary",
  "text": "Secondary button"
}


/* Small */
{
  "element": "a",
  "href": "http://testlenke.no",
  "class": "btn small",
  "text": "Small button"
}


/* Full Width */
{
  "element": "a",
  "href": "http://testlenke.no",
  "class": "btn full-width",
  "text": "Full width button"
}


/* Original Case */
{
  "element": "a",
  "href": "http://testlenke.no",
  "class": "btn original-case",
  "text": "Original case Button"
}


/* Disabled */
{
  "element": "button",
  "href": "http://testlenke.no",
  "class": "btn",
  "text": "Disabled button",
  "attr": "disabled"
}

No notes defined.