badge Content

A coloured pill label for status indicators, tags, or counts.

Live example Open in editor ↗
Users Active Pending Error Archived Custom Made with Wiremark

Modifiers

ModifierEffect
primaryBlue pill
warningAmber pill
errorRed pill
disabledGrey pill — inactive/archived

Children

This is a leaf component — it does not accept children.

Notes

No modifier = neutral grey pill.