Confirmation Dialog

a button that signs out the user

  • it has a label
  • it has a click event that signs out the user

Installation

npx shadcn@latest add https://shuip.xyz/r/dialog.confirmation.json

Usage

import { Button } from '@/components/ui/button';
import { DialogConfirmation } from '@/components/ui/shuip/dialog.confirmation';


export default function DialogConfirmationExample() {
  return (
    <DialogConfirmation
      trigger={<Button>Open confirmation dialog</Button>}
      title="Confirmation Dialog"
      description="Are you sure you want to make this action?"
      labelConfirmButton="Make it"
      onConfirm={() => alert('Confirmed')}
    />
  );
}