Avatar

avatar

Avatars are used to show a thumbnail

avatar docs

Class names

• component: avatar, avatar-group
• modifier: avatar-online, avatar-offline, avatar-placeholder

Syntax

<div class="avatar {MODIFIER}">
  <div>
    
  </div>
</div>

Rules

• {MODIFIER} is optional and can have one of the modifier class names
• Use avatar-group for containing multiple avatars
• You can set custom sizes using w-* and h-*
• You can use mask classes such as mask-squircle, mask-hexagon, mask-triangle