Badge
FREEDurum ve etiketler için küçük hap biçimli etiket.
Canlı düzenle
Ayarları değiştir; bileşen ve kodu anında güncellensin.
PRO
Ayarlar
Kod
import { Sparkles } from "lucide-react";
import { Badge } from "@/components/ui/badge";
<Badge variant="accent">
<Sparkles />PRO
</Badge>Kurulum
Terminal
npx @bloxa/cli add badge
# or: npx shadcn@latest add @bloxa/badgeOtomatik kurulan paketler: class-variance-authority
Örnekler
Varyantlar
FREEPROv0.1
API
Her bileşen, oluşturduğu HTML elemanının özelliklerini de kabul eder.
Badge
| Özellik | Tip | Varsayılan | Açıklama |
|---|---|---|---|
| variant | "default" | "accent" | "outline" | "default" | Görsel stil. |