Barnekreftforeningen MinSide portal

Button 

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


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


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


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


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


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


/* Fill */
{
  "element": "a",
  "href": "http://testlenke.no",
  "class": "btn-fill",
  "copy": "Button CTA"
}


/* Cta */
{
  "element": "a",
  "href": "http://testlenke.no",
  "class": "btn-cta",
  "copy": "Button CTA"
}


/* Text */
{
  "element": "a",
  "href": "http://testlenke.no",
  "class": "btn-text",
  "copy": "Button textt"
}


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

There are no notes for this item.