Badge

FREE

Durum 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/badge

Otomatik 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

ÖzellikTipVarsayılanAçıklama
variant"default" | "accent" | "outline""default"Görsel stil.