هشدار
alertکامپوننتپیام درون صفحه برای اطلاع، موفقیت، توجه و خطا.
پرداخت با موفقیت انجام شد
رسید به شمارهی ۰۹۱۲۳۴۵۶۷۸۹ پیامک شد.
موجودی انبار رو به اتمام است
از «هدفون بیسیم» فقط ۳ عدد باقی مانده.
پرداخت ناموفق
موجودی کارت کافی نیست.
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add alertنصب دستی
محتوای تب «کد» را در
components/ui/alert.tsxبگذارید.$ npm i lucide-reactکپی کل فایلregistry json
استفاده
usage.tsx
1import { Alert } from "@/components/ui/alert"23<Alert variant="success" title="پرداخت با موفقیت انجام شد">رسید به شمارهی ۰۹۱۲۳۴۵۶۷۸۹ پیامک شد.</Alert>4<Alert variant="destructive" title="پرداخت ناموفق">موجودی کارت کافی نیست.</Alert>پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| variant | "info" | "success" | "warning" | "destructive" | "info" | رنگ و آیکون. |
| icon | Component | - | آیکون سفارشی بهجای پیشفرض. |