​
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>
Aspect RatioBadge