Confirm Popover
A small anchored confirmation popover with destructive tone, safe default focus and async confirm.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
ConfirmPopoverProps
Also accepts all props of Omit<React.ComponentProps<"div">, "children" | "title">
| Prop | Type | Default | Description |
|---|---|---|---|
| children* required | React.ReactElement<React.HTMLAttributes<HTMLElement>> | — | The element that opens the popover. Any single element, usually a button. |
| title* required | React.ReactNode | — | — |
| description | React.ReactNode | — | — |
| confirmLabel | string | "Confirm" | — |
| cancelLabel | string | "Cancel" | — |
| tone | "destructive" | "default" | "destructive" | — |
Install
$ npx shadcn@latest add https://chromotion.dev/r/confirm-popover.json