Badge Component
Classes: .badge
, .badge-success
, .badge-danger
, .badge-warning
, .badge-info
, .badge-muted
, .badge-primary
, .badge-secondary
Features:
- Semantic color badges for status/labels
- Small pill style
Example
Default
Primary
Success
Warning
Danger
Info
Usage:
<span class="badge">Default</span>
<span class="badge badge-primary">Primary</span>
<span class="badge badge-success">Success</span>
<span class="badge badge-warning">Warning</span>
<span class="badge badge-danger">Danger</span>
<span class="badge badge-info">Info</span>
Customization:
- Use utility classes to change size, color, or add icons