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.