HoverCard

HoverCardController を hover-card として登録します。id は画面内で一意にします。ホバーして300ms後、またはフォーカスした時にプレビューのパネルを開き、ポインターとフォーカスが離れて150ms後に閉じます。ポインターをパネルへ移す間は、斜めに横切っても開いたままです。

href が無ければ label の操作を押しても開きます。href を渡すと、label を移動のリンクにし、隣に目のアイコンのプレビュー操作を置きます。リンクを押すと移動し、プレビュー操作を押すとパネルを開きます。プレビュー操作はcontrollerが働いた時だけ出します。

パネルの見出し・説明・本文・操作欄の組み立ては Popover・Dialog と同じです。title を省略すると label を見出しにします。関連する操作がある時だけ actions を渡します。size はパネルの幅の上限で、compact は16rem、default は20rem、wide は28remです。

Escapeと、見出しの横の閉じる操作で閉じます。閉じた後は、ポインターを離すかフォーカスを外すまで再び開きません。

タッチ操作では触れても開きません。JavaScriptなしではパネルは開かず、リンクは通常のリンクとして動きます。パネルの中身の取得や操作の処理は利用側が行います。