THEME
MOTION
HAPTIC
SOUND
POPOVER
Anchored floating panel, click to open. Closes on outside click / Escape.
Live demo
Import
import { Popover } from '@cathode-ui/react';Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
trigger | ReactNode | — | yes | |
children | ReactNode | — | yes | |
open | boolean | — | — | Controlled — pair with onOpenChange. |
defaultOpen | boolean | false | — | Uncontrolled fallback. |
onOpenChange | (open: boolean) => void | — | — | |
align | 'start'|'end' | start | — |
Examples
info
<Popover trigger={<Button>DETAILS</Button>}><p>Some info</p></Popover>Accessibility
Role: dialog
- aria-haspopup + aria-expanded set automatically on trigger
Feedback
| Haptic | none |
| Sound | none |