Avatar

Sizes: sm, md, lg.

JD
AB
CD

How to use

Import Avatar and use size (sm, md, lg) and bgClass for styling. Copy the examples below.

1. Import

tsx
import { Avatar } from "@/app/components/ui";

2. Sizes

tsx
<Avatar size="sm" bgClass="bg-emerald-500 text-white">JD</Avatar>
<Avatar size="md" bgClass="bg-blue-500 text-white">AB</Avatar>
<Avatar size="lg" bgClass="bg-amber-500 text-white">CD</Avatar>