ポップオーバーPopover
Experimental

トリガーに紐づく補足情報、軽いフォーム、状態、短い確認を画面遷移なしで表示します。

プレビュー

状態とバリエーション

表示密度の変更

対象行の表示密度をその場で変更します。

絞り込み条件

対象行の条件ボタンからフィルター入力を開きます。

公開前の確認

公開状態の行から、短い説明と確認操作を表示します。

同期状態の詳細

同期状態の行から補助情報を表示します。

プロパティ

表は横にスクロールできます
プロパティ初期値説明
openboolean-開閉状態を制御する場合に使います。
onOpenChange(open: boolean) => void-開閉状態の変更を受け取ります。
side"top" | "right" | "bottom" | "left""bottom"表示したい方向です。
align"start" | "center" | "end""center"トリガーに対する揃え位置です。
portalContainerHTMLElement | null-docs preview やアプリ内フレームに overlay を閉じ込めるための任意コンテナです。

使用コンポーネント