Components
Loading preview...
An image element with a fallback for representing the user.
npx shadcn@latest add https://21st.dev/r/sean0205/avatarimport { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
export default function AvatarDemo() {
return (
<Avatar>
<AvatarImage src="https://avatars.githubusercontent.com/u/124599?v=4" alt="@reui" />
<AvatarFallback>CH</AvatarFallback>
</Avatar>
);
}