• Home
  • Components
  • Communication
  • Badge
  • Inline
Release 25.43.4
Tactics 3.0.13
light_mode
dark_mode

Inline badges

The badge component is a small, non-interactive foreground element displaying info that is typically related to the user's progress or game alerts.

TWIG : Universes/_common/_twig/_components/_badge.twig
CSS : DesignSystem/_tactics/_common/_css/_components/_badge/_badge.scss
DesignSystem/_tactics/_common/_css/_components/_badge/_early_win.scss
DesignSystem/_tactics/_common/_css/_components/_badge/_highlighted.scss
DesignSystem/_tactics/_common/_css/_components/_badge/_supersub.scss
DesignSystem/_tactics/_common/_css/_components/_badge/_radius.scss