3.2.2 atoms.badge.pill Pill badges

Toggle example guides Toggle HTML markup

Use the .badge--pill modifier class to make badges more rounded (with a larger border-radius and additional horizontal padding).

Example
Primary pill badge
Markup: 02-atoms/badge/badge-pill.twig
<span class="badge badge--pill badge-primary">Primary pill badge</span>
Source: 02-atoms/badge/badge.scss, line 56