DUConfirm
FeedbackConfirmation dialog for destructive or important actions.
import { DUConfirm } from 'deri-ui';Live preview
typescript
<DUConfirm open={open} onClose={close} onConfirm={run} tone="danger" title="Delete?" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| tone | primary | danger | warning | success | — | Emphasis |
| confirmLabel / cancelLabel | string | — | Button labels |
| onConfirm | () => void | — | Confirm callback |
Usage
import { DUConfirm } from 'deri-ui';
<DUConfirm open={open} onClose={close} onConfirm={run} tone="danger" title="Delete?" />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.