Lewati ke konten
Bosia

Avatar

Konten ini belum tersedia dalam bahasa Anda.

Terminal window
bosia add avatar

An avatar with image and fallback support. Shows fallback content when the image fails to load.

Usage

Section titled “Usage”
<script lang="ts">
  import { Avatar, AvatarFallback } from "$lib/components/ui/avatar";
</script>


<!-- With image -->
<Avatar src="/photo.jpg" alt="John Doe">
  <AvatarFallback>JD</AvatarFallback>
</Avatar>


<!-- Fallback only -->
<Avatar>
  <AvatarFallback>AB</AvatarFallback>
</Avatar>

Custom Size

Section titled “Custom Size”
<Avatar src="/photo.jpg" alt="User" class="h-16 w-16">
  <AvatarFallback>U</AvatarFallback>
</Avatar>