Skip to content
Perimeter Style

Avatar

An image element with a fallback for representing the user.

Usage

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

<Avatar size="default">...</Avatar>
<Avatar size="default">...</Avatar>

Light

Dark

Default

Metrics

Perimeter Api

Avatar Controls

size

Examples

Sizes

SMMDLG

With Image

CN

Avatar Group

ABCDEF
+5

Installation

Install
$ pnpm dlx shadcn@latest add @perimeter/avatar

Used in Templates

Search

Search for components, templates, and more.