Back to recipes

Badge size and layout

Validate size scale and spacing when badges are composed in containers.

What to verify

  • Badge sizes reflect expected visual scale.
  • Badges keep readable spacing inside cards and row layouts.
  • Combination rows maintain alignment and wrapping.

Badge size and layout

Use this to validate spacing in practical container layouts.
Size 1Size 2Size 3
Status: ActivePriority: HighTeam: CoreRelease: v1.0