Components
Popover
Floating glass panels on the native Popover API: tooltips, menus and small forms.
Beta
Beta feature
This feature is still in preview and may change.
Import
import { Popover } from '@rinzai/zen';Examples
AJ
Alex Johnsonalex@example.com
AdminPro
Send feedback
Preferences
Controlled
`triggerType="manual"`: your state decides when it shows.
Manually controlled
API reference
<Popover>
| Prop | Type | Default |
|---|---|---|
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" | — |
triggerClassNameClasses for the element wrapping `children` (it fits its content by default). | string | — |
triggerType | "auto" | "manual" | — |