Shuip
uiconfirmation-dialogsource: stale · stale
Confirmation Dialog
npx shadcn add "https://shuip.plvo.dev/r/confirmation-dialog.json"free
This source snapshot is older than our freshness window and couldn't be re-verified just now — it may be outdated.
Interaction
modal
Tags auto-generated by rules on 9/24/2026 — empty means no evidence, not lack of support.
Dependencies
Bundle weight · lightreact
Registry dependencies
buttondialog
Files1 · source cached 10/6/2026, 9:53:58 PM
./items/components/confirmation-dialog/component.tsx
import type * as React from 'react';
import { Button } from '@/components/ui/button';
import {
Dialog,
DialogContent,
DialogDescription,
DialogFooter,
DialogHeader,
DialogTitle,
DialogTrigger,
} from '@/components/ui/dialog';
export interface ConfirmationDialogProps extends React.RefAttributes<HTMLDialogElement> {
trigger?: React.ReactNode;
title?: string;
description?: string;
labelConfirmButton?: string;
onConfirm?: () => void;
}
export function ConfirmationDialog({
trigger,
title,
description,
labelConfirmButton,
onConfirm,
...props
}: ConfirmationDialogProps) {
return (
<Dialog {...props}>
<DialogTrigger asChild>{trigger}</DialogTrigger>
<DialogContent>
<DialogHeader>
<DialogTitle>{title}</DialogTitle>
<DialogDescription className='md:text-left'>{description}</DialogDescription>
</DialogHeader>
<DialogFooter>
<Button onClick={onConfirm}>{labelConfirmButton}</Button>
</DialogFooter>
</DialogContent>
</Dialog>
);
}