BadgeShelf

Domain

Grid of tiered forum badges (bronze / silver / gold) with optional earned counts.

Six earned badges

Preview

Badges

6 earned

  • First post

  • Helpful

    ×12

  • Moderator

  • 100 posts

  • Loved reply

    ×8

  • 30-day streak

Code
<BadgeShelf badges={[{ badgeId, name, tier: 'gold', icon: 'verified' }]} />

Empty state

Preview

Badges

0 earned

No badges yet.

Code
<BadgeShelf badges={[]} />
Sourcemodules/domains/forum/user/BadgeShelf.tsx