Components/Badge (AppBadge)
Badge (AppBadge)
● Ready Web Nuxt 4 + Mobile React Native
Lencana status ringkas untuk menandai kategori ujian, tingkat kelulusan, atau kondisi paket try out secara sekilas.
Import
import { AppBadge } from '#components'Varian status
Pilih variant sesuai makna semantiknya — success untuk kondisi lolos/berhasil, warning untuk kondisi yang perlu perhatian, danger untuk kegagalan, dan primary/neutral untuk kategori netral seperti label subtes. Tambahkan dot saat status itu bersifat "live" atau berubah dari waktu ke waktu (mis. sesi try out yang sedang berlangsung), bukan status yang sudah final.
Badge Playground
Sesuaikan varian, ukuran, dan indikator dot.
SKD CPNS
Badge Variants Matrix
Visualisasi perilaku komponen pada seluruh kondisi interaksi antarmuka.
PrimarySKD CPNS
SuccessLolos Passing Grade
WarningPerlu Evaluasi
DangerGagal
Butuh detail props, events, dan slot?