Du använder länkar när du vill hjälpa användaren att komma till en annan sida, fil eller dokument.
Du använder länkar när du vill hjälpa användaren att komma till en annan sida, fil eller dokument.
Komponenten driftsattes första gången i version 1.0.0.
<a class="c-link" href="#"><span>Byxfjärmat föl gick på duvshowen</span></a>
<jv-link theme="light">
<a href="#"><span>Byxfjärmat föl gick på duvshowen</span></a></jv-link>
<a class="c-link c-link--icon-right" href="http://www.jordbruksverket.se">
<span>Jordbruksverket.se</span><span class="sjv-i-extern-lank c-link__icon--right" aria-hidden="true"></span></a>
<jv-link theme="light">
<a href="http://www.google.com"><span>google.com</span><span class="sjv-i-extern-lank c-link__icon--right" alt="Externlänk ikon"></span></a></jv-link>
En länk till en fil eller dokument ska ha en ikon till vänster om länken. Välj den ikon som motsvarar formatet. Skriv också hur stor filen eller dokumentet är, så att användaren kan avgöra om den vill ladda ner eller inte.
<a href="/img/logo2.png" download class="c-link"><span class="sjv-i-fil c-link__icon" alt="Externlänk ikon"></span><span>Jordbruksverkets logga <i>(png - 32.8kb)</i></span></a>
<jv-link theme="light">
<a href="/img/logo2.png" download><span class="sjv-i-fil c-link__icon" alt="Externlänk ikon"></span><span>Jordbruksverkets logga <i>(png - 32.8kb)</i></span></a></jv-link>
<a href="#" class="c-link c-link--dark"><span>Byxfjärmat föl gick på duvshowen</span></a>
<jv-link theme="dark">
<a href="#"><span>Byxfjärmat föl gick på duvshowen</span></a></jv-link>
Senast publicerad
Sidansvarig för sidan är Styleguide