components · data-display

Avatar

Display user or entity image

preview

sizes

size-6 text-xs

size="xs"

size-8 text-xs

size="sm"

size-10 text-sm

size="md"

size-12 text-base

size="lg"

size-14 text-lg

size="xl"

usage

<Avatar>
  <AvatarImage src="/avatar.png" />
  <AvatarFallback>AV</AvatarFallback>
</Avatar>

props

prop	type	default
size	"xs" \| "sm" \| "md" \| "lg" \| "xl"	"xs"
className	string	undefined