روکشAlert Dialog

دیالوگ تایید

دیالوگ برای تایید عملیات مهم

پیش‌فرض

دیالوگ تایید حذف

<AlertDialog>
  <AlertDialogTrigger asChild>
    <Button variant="destructive">حذف</Button>
  </AlertDialogTrigger>
  <AlertDialogContent>
    <AlertDialogHeader>
      <AlertDialogTitle>آیا مطمئن هستید؟</AlertDialogTitle>
      <AlertDialogDescription>
        این عملیات قابل بازگشت نیست.
      </AlertDialogDescription>
    </AlertDialogHeader>
    <AlertDialogFooter className="gap-2">
      <AlertDialogCancel>انصراف</AlertDialogCancel>
      <AlertDialogAction>تایید</AlertDialogAction>
    </AlertDialogFooter>
  </AlertDialogContent>
</AlertDialog>

نصب دستی

وابستگی‌ها

برای استفاده از Alert Dialog، باید این بسته‌ها را نصب کنید:

npm install @radix-ui/react-alert-dialog

کد زیر را می‌توانید در پروژه خود کپی کنید تا Alert Dialog را به صورت دستی اضافه کنید:

نمونه‌های بیشتر

هشدار

دیالوگ هشدار با آیکون

خطرناک

دیالوگ تایید عملیات خطرناک