Avatar

A circular image or initials placeholder for a user.

Install

npx shadcn add @clearly/avatar

Preview

ACBNCS
ABCD
+5

Usage

import { Avatar } from "@/components/ui/avatar"

<Avatar />

Every Clearly component also accepts glass (subtle·medium·strong), specular and className.

Props

PropTypeDefaultDescription
size"default" | "sm" | "lg""default"Avatar diameter (sm=24px, default=32px, lg=40px).