import { Popover } from "@nodus/design-system"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
triggerreq | ReactNode | — | Element that opens the popover |
contentreq | ReactNode | — | Popover content |
side | "top" | "bottom" | "left" | "right" | "bottom" | Popover placement |
align | "start" | "center" | "end" | "center" | Alignment on the side axis |
triggerrequiredType
ReactNodeDefault —Element that opens the popover
contentrequiredType
ReactNodeDefault —Popover content
sideType
"top" | "bottom" | "left" | "right"Default "bottom"Popover placement
alignType
"start" | "center" | "end"Default "center"Alignment on the side axis
MobileTouch Target
Floating popovers that extend beyond viewport should reposition automatically. Trigger must be ≥44px. On mobile, prefer a bottom sheet or dialog for content-heavy popovers.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?