Data display
shadcn primitiveBadge
A compact label for status, categories, and counts.
When to use it
Status (success, warning, info, destructive), counts, and quiet categories (secondary, outline). A badge always has text.
Status and categories
ActiveTrialPayment dueOverdueWithdrawn
New this termPianoVoice3 lessons
Usage
Use the Code tab to copy a complete example. MSM pages import shared components from @msm/ui; changes to those components appear here and in the application.