Badges

Types

21
10
10
+30
-20
-200
<!-- Default Badge -->
<div class="badge">21</div>

<!-- Secondary Badge -->
<div class="badge badge-secondary">10</div>

<!-- Outline Badge -->
<div class="badge badge-outline">10</div>

<!-- Success Badge -->
<div class="badge badge-success">+30</div>

<!-- Warning Badge -->
<div class="badge badge-warning">-20</div>

<!-- Error Badge -->
<div class="badge badge-error">-200</div>