Popover

クリックで開く小さなフローティングパネル。ダイアログを出すほどではない補足情報や軽い操作を、ページ遷移せずその場で見せたいときに使う。ジョブアンテナではアンテナレベルなどの用語ヘルプや、ヘッダーの通知一覧に使う。

基本

Trigger と Content に Header・Title・Description を組み合わせた最小構成。ボタンを押すと通知設定のパネルが開く。

数値の横に置いたヘルプアイコンから「アンテナレベルとは？」の解説を開く。用語の意味とレベルの上げ方をその場で確認でき、ページを離れずに次のアクションへ誘導できる。

ヘッダーのベルアイコンから、いいかも！・メッセージ・あしあとの通知をまとめて表示する。未読は赤いドットで示し、未読件数はトリガー側のバッジで伝える。