Popover

ボタンで開く、ポータルにリッチなコンテンツを表示します。

使い方

import { Popover, PopoverContent, PopoverTrigger } from "@murasakijs/ui";

<Popover>
  <PopoverTrigger>Open</PopoverTrigger>
  <PopoverContent>Place content for the popover here.</PopoverContent>
</Popover>

コンポーネント	説明
`Popover`	ルートプリミティブ。`open`・`defaultOpen`・`onOpenChange`・`modal` を受け取ります。
`PopoverTrigger`	ポップオーバーを開く要素です。`asChild` に対応しています。
`PopoverAnchor`	トリガーの代わりに位置合わせの基準にする、任意の要素です。
`PopoverContent`	ポップアップ本体。`align`（デフォルト `"center"`）と `sideOffset`（デフォルト `4`）を受け取ります。

フォーカス管理、閉じる操作、衝突を考慮した配置は React Aria Components が提供します。