<.dm_avatar alt="User Avatar" src="https://picsum.photos/seed/user1/100/100.jpg" />

<.dm_avatar alt="User" src="https://picsum.photos/seed/user2/100/100.jpg" ring />
<.dm_avatar alt="User" src="https://picsum.photos/seed/user3/100/100.jpg" ring online />
<.dm_avatar alt="User" src="https://picsum.photos/seed/user4/100/100.jpg" ring offline />

<.dm_avatar name="2XL" size="2xl" />
<.dm_avatar size="xs" alt="User" src="https://picsum.photos/seed/user5/100/100.jpg" />
<.dm_avatar size="sm" alt="User" src="https://picsum.photos/seed/user6/100/100.jpg" />
<.dm_avatar size="lg" alt="User" src="https://picsum.photos/seed/user7/100/100.jpg" ring />
<.dm_avatar
  size="xl"
  alt="User"
  src="https://picsum.photos/seed/user8/100/100.jpg"
  ring
  online
 />

<.dm_avatar
  alt="User"
  src="https://picsum.photos/seed/user9/100/100.jpg"
  shape="square"
  ring
 />
<.dm_avatar alt="User" src="https://picsum.photos/seed/user10/100/100.jpg" shape="rounded" />

<.dm_avatar name="Ring" ring_color="primary" ring />
<.dm_avatar name="Ring" ring_color="secondary" ring />

<.dm_avatar name="John Doe" color="primary" />
<.dm_avatar name="Jane Smith" color="success" />
<.dm_avatar name="Alex Johnson" color="accent" />
<.dm_avatar name="Warning User" color="warning" />
<.dm_avatar name="Error User" color="error" />
<.dm_avatar name="Info User" color="info" />

<.dm_avatar name="A" color="secondary" />
<.dm_avatar name="John Smith" color="primary" />
<.dm_avatar color="info" />