Components / Badge
Badge
Short status markers inline with other content: post state, platform tags, counts. One or two words, read at a glance.
import { Badge } from '@layers/ui/badge'Rendered stock
House rules
- Custom success variant for healthy and completed states (green tokens, dark-mode aware). Use it instead of restyling another variant.
- Pick a variant; never repaint a badge with raw color utilities.
- The verb is "post": status badges read "Posted", never "Published".