リンク

バリアント付きスタイルハイパーリンク。

基本的な使い方

デフォルトリンク

<a class="kit-link" href="#">デフォルトリンク</a>

バリアント

ミュートリンク常時下線付き外部リンク

<a class="kit-link -muted" href="#">ミュートリンク</a>
<a class="kit-link -underline" href="#">常時下線付き</a>
<a class="kit-link -external" href="#">外部リンク</a>

セマンティックカラー

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>