Components
Avatar
An image element with a fallback for representing the user.
Code
import { Avatar, AvatarFallback, AvatarImage } from "@trytoolify/ui/avatar";
export function AvatarDemo() {
return (
<Avatar>
<AvatarImage src="https://github.com/shadcn.png" alt="@shadcn" />
<AvatarFallback>CN</AvatarFallback>
</Avatar>
);
}
Usage
import { Avatar, AvatarFallback, AvatarImage } from "@trytoolify/ui/avatar";
<Avatar>
<AvatarImage src="https://github.com/shadcn.png" />
<AvatarFallback>CN</AvatarFallback>
</Avatar>