Back to recipes

Badge variants

Compare badge variants and verify color treatments.

What to verify

  • Variant changes are visually obvious across badges.
  • Text content appears for each badge.
  • Color assignments are applied consistently.

Badge variants

Use this to validate badge style variants and colors.
SolidSoftSurface
Outline