HiVolda Styleguide

Links 

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


<!-- Arrow Link -->
<a href="http://testlenke.no" class="arrow-link">Arrow link</a>


<!-- Arrow Link Block -->
<a href="http://testlenke.no" class="arrow-link block">Arrow link Block</a>


<!-- Tag Link -->
<a href="http://testlenke.no" class="tag-link">Tag link</a>


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


<!-- Box Link -->
<a href="http://testlenke.no" class="box-link">Box link <span>With some description</span></a>


<a href="{{ href }}" class="{{ class }}">{{ text }}</a>
 
/* Default */
{
  "text": "Standard link",
  "href": "http://testlenke.no"
}


/* Arrow Link */
{
  "text": "Arrow link",
  "href": "http://testlenke.no",
  "class": "arrow-link"
}


/* Arrow Link Block */
{
  "text": "Arrow link Block",
  "href": "http://testlenke.no",
  "class": "arrow-link block"
}


/* Tag Link */
{
  "text": "Tag link",
  "href": "http://testlenke.no",
  "class": "tag-link"
}


/* Button Link */
{
  "text": "Button link",
  "href": "http://testlenke.no",
  "class": "btn-link"
}


/* Box Link */
{
  "text": "Box link <span>With some description</span>",
  "href": "http://testlenke.no",
  "class": "box-link"
}

No notes defined.