نشان
badgeکامپوننتبرچسب وضعیت با متن رنگی، بدون پسزمینه و آیکون.
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add badgeنصب دستی
محتوای تب «کد» را در
components/ui/badge.tsxبگذارید.$ npm i lucide-reactکپی کل فایلregistry json
استفاده
usage.tsx
1import { Badge } from "@/components/ui/badge"23<Badge variant="success">فعال</Badge>4<Badge variant="warning">در انتظار</Badge>پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| variant | "default" | "secondary" | "outline" | "success" | "warning" | "brand" | "destructive" | "default" | رنگ متن. |