ホバーカードHoverCardExperimental
リンク先の内容をプレビュー表示するカードです。
プレビュー
状態とバリエーション
プロフィール概要
リンク先に移動する前に、人物やチームの概要を確認する例です。
補足サマリー
通知数やステータスなど、短い補足情報の表示にも使えます。
アクションボタン付き
人物や担当者の概要に、フォローや連絡などの軽い操作を添える例です。
タブ付きカード
1枚のホバーカード内で、概要・変更・注意点のように短い情報を切り替えます。
プロパティ
表は横にスクロールできます
| プロパティ | 型 | 初期値 | 説明 |
|---|---|---|---|
| open | boolean | - | 開閉状態を外部で制御します。 |
| openDelay | number | 700 | トリガーに入ってから開くまでの遅延時間です。 |
| closeDelay | number | 300 | トリガーから離れてから閉じるまでの遅延時間です。 |
| portalContainer | HTMLElement | null | - | プレビュー枠や疑似ブラウザ内に閉じ込めたい場合のポータル先です。 |
使い方
Loading...