Components

Popover

Floating glass panels on the native Popover API: tooltips, menus and small forms.

Import

import { Popover } from '@rinzai/zen';

Examples

Controlled

`triggerType="manual"`: your state decides when it shows.

API reference

<Popover>

PropTypeDefault
className
string—
content
ReactNode—
disabled
boolean—
gap
string—
onClose
(() => void)—
onOpen
(() => void)—
placement
Placement—
role
AriaRole | ComponentRole—
setShow
((show: boolean) => void)—
show
boolean—
trigger
"hover" | "click"—
triggerClassName

Classes for the element wrapping `children` (it fits its content by default).

string—
triggerType
"auto" | "manual"—