Sizes

1import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
2 
3const src =
4  'https://images.unsplash.com/photo-1494790108377-be9c29b29330?q=80&w=200&auto=format&fit=crop'
5 
6export function Avatar04() {
7  return (
8    <div className="flex items-center gap-4">
9      <Avatar size="sm">
10        <AvatarImage src={src} alt="Sofia Rodrigues" />
11        <AvatarFallback>SR</AvatarFallback>
12      </Avatar>
13      <Avatar>
14        <AvatarImage src={src} alt="Sofia Rodrigues" />
15        <AvatarFallback>SR</AvatarFallback>
16      </Avatar>
17      <Avatar size="lg">
18        <AvatarImage src={src} alt="Sofia Rodrigues" />
19        <AvatarFallback>SR</AvatarFallback>
20      </Avatar>
21    </div>
22  )
23}