edge-components

Avatar: Default 

<div>
    <div class="avatar ">
        <div class="w-24">
            <img src="https://picsum.photos/id/64/192/192" alt="" />
        </div>
    </div>
    <div class="avatar ">
        <div class="w-24">
            <img src="https://picsum.photos/id/64/192/192" alt="Text alt" />
        </div>
    </div>
</div>
 
<div>
  @!jrmc.avatar({ url: 'https://picsum.photos/id/64/192/192' })

  @jrmc.avatar()
    <img src="https://picsum.photos/id/64/192/192" alt="Text alt" />
  @end
</div>

Avatar

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