Component Examples
Badge Component
Displays a badge or a component that looks like a badge.
Badge Variants
DefaultSecondaryDestructiveOutline
Status Badges
ActivePendingInactiveIn Progress
With Icons
🚀New⭐Featured🔥Hot💎Premium
In Context
Product Name
NewSaleTask Title
High PriorityThis is a task description that shows how badges can be used in cards.
Filter by status:
AllOpenClosed
Size Variations
Extra SmallSmall (Default)MediumLarge
Notification Badges
3
9+
Category Badges
TechnologyDesignMarketingDevelopmentBusinessFinance