Link

Styled hyperlinks with variants.

Basic usage

Default link

<a class="kit-link" href="#">Default link</a>

Variants

Muted linkAlways underlinedExternal link

<a class="kit-link -muted" href="#">Muted link</a>
<a class="kit-link -underline" href="#">Always underlined</a>
<a class="kit-link -external" href="#">External link</a>

Semantic colors

PrimarySecondarySuccessWarningDangerInfo

<a class="kit-link -primary" href="#">Primary</a>
<a class="kit-link -secondary" href="#">Secondary</a>
<a class="kit-link -success" href="#">Success</a>
<a class="kit-link -warning" href="#">Warning</a>
<a class="kit-link -danger" href="#">Danger</a>
<a class="kit-link -info" href="#">Info</a>