ポップオーバー

クリックまたはホバーでトリガーされるリッチコンテンツオーバーレイ。ツールチップ(ホバー、テキストのみ)とは異なり、 ポップオーバーはフォーム、メニュー、インタラクティブなコンテンツを保持でき、設定可能な配置と オプションの矢印インジケーターを備えています。8つの配置ポジション、閉じるボタン、 タイトルヘッダー、クリックとホバーの両方のトリガーモードに対応しています。

プレビュー & コード

オプション

名前 デフォルト 説明
placement Symbol :bottom Position relative to trigger: :top, :bottom, :left, :right, :top_start, :top_end, :bottom_start, :bottom_end
arrow Boolean true Show arrow pointing to trigger element
trigger Symbol :click How to show popover: :click or :hover
offset Integer 8 Distance from trigger in pixels (applied via placement margin classes)
title String nil Optional popover title shown in the header
dismissible Boolean true Show close button in the header
class String "" Additional CSS classes for the container

変更履歴 v1.0.0

- v1.0.0: Initial release with placement, arrow, trigger mode, title, and dismissible options

フルアクセスを取得

このコンポーネントと他のすべてのソースコードをアンロックしましょう。一回のお支払いで永久アクセス。

今すぐアクセスを取得