<div class="avatar ">
<div class="w-24 rounded-full ring ring-primary ring-offset-base-100 ring-offset-2">
<img src="https://picsum.photos/id/64/192/192" alt="" />
</div>
</div>
@!jrmc.avatar({ url: 'https://picsum.photos/id/64/192/192', class: 'w-24 rounded-full ring ring-primary ring-offset-base-100 ring-offset-2' })
Doc : daisyui avatar
Avatars are used to show a thumbnail representation of an individual or business in the interface.
| Class name | Type | |
|---|---|---|
| avatar | Component | Container element |
| avatar-group | Component | Container for grouping multiple avatars |
| online | Modifier | shows a green dot as online indicator |
| offline | Modifier | shows a gray dot as online indicator |
| placeholder | Modifier | to show some letters as avatar placeholder |