Sample badges

Example heading New

Lorem ipsum New

Variant badges `.badge text-bg-*`

Pill badges `.badge rounded-pill text-bg-*`

Variant alternatives badges

Dot badges

Inside menu badges

Default button `.btn .btn-default`

Variant button `.btn .btn-*`

Primary Secondary Success Info Warning Danger Light Dark

Disabled button `.disabled`

Primary Secondary Success Info Warning Danger Light Dark

Outline button `.btn .btn-outline-*`

Primary Secondary Success Info Warning Danger Light Dark

Button size `.btn-lg` `.btn-sm`

Button lg Button Button sm Button xs

Button with icon, add class `.h-5 .w-5 .me-2` to svg icon

<button class="btn" 
    style="
        --bs-btn-border-color: transparent;
        --bs-btn-shadow-ring-color: transparent;
    ">Ghost Danger</button>