Components
Loading preview...
An image element with a fallback for representing the user.
npx shadcn@latest add https://21st.dev/r/shadcn/avatarimport { Avatar, AvatarImage } from "@/components/ui/avatar";
function Basic() {
return (
<div className="flex -space-x-3 *:ring *:ring-background">
<Avatar>
<AvatarImage src="https://mynaui.com/avatars/avatar-01.jpg" />
</Avatar>
<Avatar>
<AvatarImage src="https://mynaui.com//avatars/avatar-02.jpg" />
</Avatar>
<Avatar>
<AvatarImage src="https://mynaui.com//avatars/avatar-03.jpg" />
</Avatar>
</div>
);
}
export { Basic }