ポップオーバー
Popover
別名: ポップアップ / Popup
ライブデモ
説明
一言で説明
特定の要素をクリックすると、その近くに浮かび上がるコンテンツ表示パネル。背面の操作は可能。
いつ使う？
ツールチップよりリッチなコンテンツ（ボタン、リンク、フォーム）を要素の近くに表示したいとき。
💡 日常の言い方
「ボタンを押すとその横に吹き出しみたいにメニューや情報が出てくるやつ」
似ている用語との違い
ポップオーバー vs ツールチップ
ツールチップはホバーで表示される短いテキスト。ポップオーバーはクリックで表示されるリッチなコンテンツ。
ポップオーバー vs モーダル
モーダルは画面中央に表示され背面操作をブロック。ポップオーバーは要素の近くに表示され背面操作が可能。
AIへの指示例
ユーザーアバターをクリックしたらポップオーバーを表示して。プロフィール要約、設定リンク、ログアウトボタンを含めて。