リンク

リンクは、ひとりでに引かれる線です。ホバーやフォーカスで左から右へ引かれ、離れるまで残ります。リンクのほかの部分は動きません。

バリエーション

プロパティ

childrenstring

data-force-stateselect

▾

import {  } from "app/globals.css (.link-line)";

<a
  href="/journal"
  className="link-line"
>
  ホバーするか Tab でこのリンクへ移動してみてください
</a>

リンクは、ひとりでに引かれる線です。ホバーするか Tab でこのリンクへ移動してみてください下線が左から右へ引かれ、離れるまで残ります。

状態を固定した表示

こうする

こうしない

値はスタイルシートからその場で読み込んでいるため、サイトの表示テーマに合わせて変わります。