Badges
Indikator status kecil yang digunakan untuk menonjolkan informasi atau kategori produk.
Soft
Primary
Success
Danger
Warning
Info
Gray
Solid Style
Primary
Success
Danger
Warning
Info
Gray
Outline Style
Primary
Success
Danger
Warning
Info
Gray
With Icons
Verified
Error
Pending
Premium
Badge Sizes
Small Badge
Size: SM
Medium Badge
Size: MD
Large Badge
Size: LG
Real World Use Cases
| Order ID | Status | Inventory | Payment |
|---|---|---|---|
| #ORD-001 | Shipped | In Stock | Paid |
| #ORD-002 | Processing | Low Stock | Unpaid |
| #ORD-003 | Cancelled | Out of Stock | Refunded |