👤 Avatars & User Groups
Image and letter avatars with active presence indicators (online, busy, away, offline) and stacked avatar groups.
Live Preview: Avatars & Presence Status
JD
AR
TC
MS
JD
AR
TC
+4
<!-- Avatar with Presence Indicator -->
<div avatar size="lg" status="online" pulse>JD</div>
<!-- Stacked Avatar Group -->
<div avatar-group>
<div avatar>A</div>
<div avatar>B</div>
<div avatar variant="secondary">+3</div>
</div>