General
Badge
A small badge component used to display status information or labels.
Import
Code
Variants
Default
Default
Code
Secondary
Secondary
Code
Muted
Muted
Code
Destructive
Destructive
Code
Outline
Outline
Code
Usage
Badges are perfect for showing status, categories, or counts:
New
Main
10
Code
Last modified on