Tag
Component 1
<div class="d-inline-flex gap-4">
<span class="badge badge-lg bg-white text-dark rounded-pill">Hello</span>
<span class="badge badge-lg bg-black-90 rounded-pill">Hello</span>
</div>
Component 2
<div class="d-inline-flex gap-4">
<span class="badge badge-lg border-white rounded-pill">Hello</span>
<span class="badge badge-lg border-black-90 text-dark rounded-pill">Hello</span>
</div>
Component 3
<div class="d-inline-flex gap-4">
<span class="badge bg-white text-dark rounded-pill">Hello</span>
<span class="badge bg-black-90 rounded-pill">Hello</span>
</div>
Component 4
<div class="d-inline-flex gap-4">
<span class="badge border-white rounded-pill">Hello</span>
<span class="badge border-black-90 text-dark rounded-pill">Hello</span>
</div>
Component 5
<div class="d-inline-flex gap-4">
<span class="badge badge-sm bg-white text-dark rounded-pill">Hello</span>
<span class="badge badge-sm bg-black-90 rounded-pill">Hello</span>
</div>
Component 6
<div class="d-inline-flex gap-4">
<span class="badge badge-sm border-white rounded-pill">Hello</span>
<span class="badge badge-sm border-black-90 text-dark rounded-pill">Hello</span>
</div>