A person or team as an image, with initials when there is none.
npx shadcn@latest add @sphere-kit/avatarimport { Avatar, AvatarImage, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarBadge,} from "@/components/ui/avatar"One rule for using it well. Open one to see it drawn.
Exports Avatar AvatarImage AvatarFallback AvatarGroup AvatarGroupCount AvatarBadge. Every part takes its element's usual props and a className.
A visitor who hasn’t signed up gets a neutral person, not an empty circle or a question mark.