Badge Elements
Berbagai variasi badge, label, tag, dan indikator status untuk antarmuka yang informatif.
Subtle / Soft Badges
Badge dengan background tipis (transparan) dan teks berwarna cerah. Sangat populer di UI modern.
Rounded Kecil (Standard)
Pill (Rounded Full)
Solid Badges
Badge dengan background penuh warna ber-kontras tinggi, cocok untuk informasi kritikal.
Rounded Kecil (Standard)
Pill (Rounded Full)
Outline Badges
Badge minimalis dengan border berwarna.
Rounded Kecil (Standard)
Pill (Rounded Full)
Badges with Dot
Badge yang dilengkapi indikator titik warna (Dot). Sangat berguna untuk penunjuk status online/offline, proses, dll.
Gaya Subtle dengan Dot
Premium Pulse Animation Dot
Badges with Icons
Kombinasi teks badge dengan ikon FontAwesome untuk identifikasi visual yang lebih cepat.
Solid dengan Ikon
Subtle/Soft dengan Ikon
Interactive & Dismissible Badges
Badge yang interaktif, bisa di-klik atau memiliki tombol hapus (Dismiss). Berguna untuk filter atau tag dinamis.
Clickable Link (Hover Effect)
Dismissible Tag (With Close Button)
Penggunaan Nyata (Real-world Use Cases)
Implementasi badge dalam skenario UI admin dashboard seperti penanda status transaksi, peran pengguna, dan notifikasi.