3.2.1 atoms.badge.variations Available variations

Toggle example guides Toggle HTML markup

Add any of the below mentioned modifier classes to change the appearance of a badge.

Examples
.badge-default
Default
Enrolled
.badge-primary
Primary
Enrolled
.badge-secondary
Secondary
Enrolled
.badge-accent
Accent
Enrolled
.badge-success
Success
Enrolled
.badge-info
Info
Enrolled
.badge-warning
Warning
Enrolled
.badge-danger
Danger
Enrolled
Markup: 02-atoms/badge/badge-variation.twig
<span class="badge {{ modifier_class }}">Enrolled</span>
Source: 02-atoms/badge/badge.scss, line 3