component
Status badge
By Lera
Details
- LeraAuthor
- componentType
- 2026-05-12Published
- 2026-05-12Updated
- 2026-05-06Added
- TextCategories
Summary
Ready-to-use status badge component built for data-heavy interfaces.
Description
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.
Introduction
Status badge light/dark mode, 6 states.
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #1647