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".