وایب‌فارسیUI

تأیید عمل

alert-dialogکامپوننت

پنجره‌ی تأیید برای کارهای برگشت‌ناپذیر که فوکوس را اول روی «انصراف» می‌گذاره.

نصب

  1. با CLI

    اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگی‌هاش را می‌نویسه.

    $ npx vibefarsi add alert-dialog

  2. نصب دستی

    محتوای تب «کد» را در components/ui/alert-dialog.tsx بگذارید. پیش‌نیاز: dialog، button.

    $ npm i lucide-react
    کپی کل فایلregistry json

استفاده

usage.tsx
1import { AlertDialog } from "@/components/ui/alert-dialog"23<AlertDialog4  open={open}5  onOpenChange={setOpen}6  title="این محصول حذف شود؟"7  description="این کار قابل بازگشت نیست."8  confirmText="حذف"9  destructive10  onConfirm={async () => { await deleteProduct(id) }}11/>

پراپ‌ها

پراپنوعپیش‌فرضتوضیح
onConfirm() => void | Promise<void>-اگر Promise برگرداند، دکمه تا پایان «لطفاً صبر کنید…» میشه.
destructiveboolean-دکمه‌ی تأیید قرمز.
قبلیپنجرهبعدیمنوی کشویی