Badge

Pill label. Default is primary. Destructive is tinted. There is no wrapper.

Preview

Code

<span class="badge">Default</span>
<span class="badge badge-secondary">Secondary</span>
<span class="badge badge-outline">Outline</span>
<span class="badge badge-destructive">Destructive</span>