Status badge
Status badge component responsive across 3 screen sizes, covering the most common UI states. Minimal animation, ready typography & color styles. Built for dashboards, data tables, CMS listings, and SaaS products, etc.
About this Component
Ready-to-use status badge component built for data-heavy interfaces. Covers the full semantic range: Default, Active, Pending, Error, Info, Draft, & Archived, followed by typography and color styles with proper token-based naming.
• 1 default & 6 custom states;
• Dark & light modes;
• Custom icon set;
• Typography & color styles;
• Consistent & scalable spacing across devices;
• Total 21 variants.
