Status badge

Ready-to-use status badge component built for data-heavy interfaces.

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.