Badge
Badge gaya pill outline tanpa background. Tiap variant punya dot indicator kecil di kiri label yang warnanya mengikuti variant. Dot bisa diganti dengan icon lewat prop icon.
Variant dengan dot indicator
Delapan variant. Variant outline tidak menampilkan dot.
Default
Info
Success
Warning
Destructive
Muted
Outline
Variant dengan icon
Prop withIcon mengganti dot dengan icon bawaan tiap variant. Untuk icon kustom, isi prop icon.
Default
Info
Success
Warning
Destructive
Muted
Outline
Plain (tanpa chrome)
Prop plain menghapus border, padding, dan border-radius — menyisakan dot/icon + label. Cocok untuk indikator di dalam tabel atau baris teks.
Default
Info
Success
Warning
Destructive
Muted
Outline
Default
Info
Success
Warning
Destructive
Muted
Outline
Dalam konteks
Badge memakai inline-flex + w-fit sehingga tetap inline dan lebarnya menyesuaikan konten.
Megabuild Indonesia
Published
Status reservasi saat ini adalah
Pending payment
dan menunggu konfirmasi dari tim. Draft
Cancelled
Archived