@wasd/design-system-popover

Tokenized popover primitives for anchored floating panels, action summaries, custom selections, and reusable overlays.

import { WASPopover, WASPopoverPanel } from "@wasd/design-system-popover/vue";

Use WASPopover as the stateful anchor. Provide a custom trigger through the managed trigger slot or render props, and use WASPopoverPanel only when composing the lower-level primitives directly.

For Vue, the default slot renders inside the managed panel. Use the panel slot when you need to replace the panel element itself, and bind panelProps to preserve placement, state, role, and ARIA attributes.