DUPopover
FeedbackClick-triggered content panel.
import { DUPopover, DUButton } from 'deri-ui';Live preview
typescript
<DUPopover trigger={<DUButton>Open</DUButton>} title="Details">Content</DUPopover>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| trigger | ReactNode | — | Toggle control |
| title | string | — | Header |
| placement | bottom-start | bottom-end | top-start | top-end | — | Anchor |
Usage
import { DUPopover, DUButton } from 'deri-ui';
<DUPopover trigger={<DUButton>Open</DUButton>} title="Details">Content</DUPopover>Customize with className, radius, and Tailwind utilities. Theme tokens come from deri-ui/tailwind.preset.
Related
© 2026 Deri Ui. Developed by Deribew Shimelis. Copy and use the code freely in your projects.