Badge
A Badge generates a small badge to the top-right of its child(ren).
Default
The default style of the badge
1
J
1
<div class="avatar avatar-rounded --xl ">
<span class="badge badge-lg badge-top badge-text colors-error">1</span>
<img class="avatar-img avatar-rounded " src="/Assets/avatar.png" data-state="ready" />
</span>
</div>
<div class="avatar-bg avatar-squared --sm">
<span class="badge badge-sm badge-top colors-primaryDark"></span>
<span class="avatar-text">J</span>
</span>
</div>
<div class="avatar --md borderd avatar-squared">
<span class="badge badge-md badge-bottom colors-warning"></span>
<img class="avatar-img avatar-squared" src="/Assets/avatar.png" data-state="ready" />
</span>
</div>