Overlays & Feedback@sisyphos-ui/popoverView on npm View as Markdown

Preview

example.tsxtsx

Installation

Install the individual package:

$ pnpm add @sisyphos-ui/popover @sisyphos-ui/core

Or use the umbrella package that bundles everything:

$ pnpm add @sisyphos-ui/ui

Import the component styles and the component itself:

snippet.tsxtsx

import "@sisyphos-ui/popover/styles.css";
import { Popover } from "@sisyphos-ui/popover";

`trigger="hover"` shows the popover on hover/focus like a richer tooltip.

example.tsxtsx

`trigger="manual"` hands full open/close control to the parent — ideal for form flows and shortcuts.

example.tsxtsx

Anchor element

Auto-flipping placement reroutes the popover when it doesn't fit.

example.tsxtsx

Props table is being written. See the package README for the complete API surface.

The full API including refs, ARIA attributes, and HTML passthroughs lives in the package README.