Badge
Penanda status ringkas dalam enam nada warna.
Basis: Elemen <span> presentasional. Setiap nada memakai pasangan token subtle dan subtle-foreground, sehingga kontrasnya ikut menyesuaikan di mode gelap.
src/components/ui/badge.tsxNada Warna
neutralprimarysecondarysuccesswarningdestructive
Dengan Titik Status
Titik mewarisi warna teks, sehingga tidak perlu token tambahan.
DrafDiprosesDitinjauSelesaiMenungguDitolak
Dalam Konteks
Laporan #2451Menunggu
Laporan #2450Selesai
Laporan #2449Ditolak
Props
| Prop | Tipe | Bawaan | Keterangan |
|---|---|---|---|
tone | "neutral" | "primary" | "secondary" | "success" | "warning" | "destructive" | "neutral" | Pasangan warna latar dan teks. |
dot | boolean | false | Menampilkan titik status di depan label. |
…props | HTMLAttributes<HTMLSpanElement> | — | Atribut span bawaan. |