<.avatar/>

<.avatar image="/images/profile.jpg"/>

<.avatar image="/images/profile.jpg" indicator="on"/>

<.avatar class="p-2.5 bg-bd-indigo-500" image="/images/profile.jpg"/>

<.avatar image="/images/profile.jpg" type="rounded"/>

<.avatar caption="Max Bunker" image="/images/profile.jpg"/>

<.avatar caption="Max Bunker" caption_class="font-bold text-bd-blue-600" image="/images/profile.jpg"/>