Murasaki
Components

Popover

Displays rich content in a portal, triggered by a button.

Usage

import { Popover, PopoverContent, PopoverTrigger } from "@murasakijs/ui";
<Popover>
  <PopoverTrigger>Open</PopoverTrigger>
  <PopoverContent>Place content for the popover here.</PopoverContent>
</Popover>

API Reference

Subcomponents

ComponentDescription
PopoverThe root primitive. Accepts open, defaultOpen, onOpenChange, modal.
PopoverTriggerThe element that opens the popover. Supports asChild.
PopoverAnchorAn optional element to anchor positioning to, instead of the trigger.
PopoverContentThe popup panel. Accepts align (default "center") and sideOffset (default 4).

Focus handling, dismissal, and collision-aware positioning are provided by React Aria Components.

Improve this page on GitHub

On this page