ホバーカードHoverCard
Experimental

リンク先の内容をプレビュー表示するカードです。

状態とバリエーション

リンク先に移動する前に、人物やチームの概要を確認する例です。

通知数やステータスなど、短い補足情報の表示にも使えます。

人物や担当者の概要に、フォローや連絡などの軽い操作を添える例です。

1枚のホバーカード内で、概要・変更・注意点のように短い情報を切り替えます。

表は横にスクロールできます

プロパティ	型	初期値	説明
open	boolean	-	開閉状態を外部で制御します。
openDelay	number	700	トリガーに入ってから開くまでの遅延時間です。
closeDelay	number	300	トリガーから離れてから閉じるまでの遅延時間です。
portalContainer	HTMLElement \| null	-	プレビュー枠や疑似ブラウザ内に閉じ込めたい場合のポータル先です。