Avatar

Displays a user avatar component with support for placeholders, custom sizes, and styling.

A simple crazxy avatar component

This is the rounded shape of the avatar component.

This is the squared shape of the avatar component.

This is the small size of the avatar component.

This is the medium size of the avatar component.

This is the large size of the avatar component.

This is the extra-large size of the avatar component.

Installation

pnpm dlx shadcn@latest add https://crazxyui.in/r/crazxy-avatar.json

Usage

import { Avatar } from "@/components/ui/crazxy-ui/avatar";
<Avatar size="md" src="/avatar.jpeg" />