Badges
Badge utility styles for inline notifications or content notes.
- Source file
- src/css/badges.css
- View on GitHub
- https://github.com/pmbrown/ming-css/blob/main/src/css/badges.css
Included with:
- ming.css
- ming.min.css
- ming.mono.css
- ming.mono.min.css
Default (anchor)
Badge Badge outline
<span class="badge">Badge</span>
<span class="badge-outline">Badge outline</span>Badge pill Badge outline
<span class="badge-pill">Badge pill</span>
<span class="badge-outline badge-pill">Badge outline</span>Light & dark (anchor)
Fixed color-scheme utilities included with the backgrounds.
Light Dark
<span class="badge light">Light</span>
<span class="badge dark">Dark</span>Primary colors (anchor)
The badges color classes use the primary colors variables, the source file is included separately.
- Source file
- src/css/colors/color-badges.css
- View on GitHub
- https://github.com/pmbrown/ming-css/blob/main/src/css/colors/color-badges.css
Included with:
- ming.css
- ming.min.css
Primary
Success
Danger
Info
Warning
Secondary
<span class="badge-primary">Primary</span>
<span class="badge-success">Success</span>
<span class="badge-danger">Danger</span>
<span class="badge-info">Info</span>
<span class="badge-warning">Warning</span>
<span class="badge-secondary">Secondary</span>
Previous:
Alerts
Next:
Button groups