Avatar

An image element with a fallback for representing the user.

Preview

CNVCJD

Installation

Install the package using your preferred package manager:

npx shadcn@latest add @airy/avatar

Usage

Import the component from the package:

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

Then use it in your application:

<Avatar />

Examples

Default

CNVCJD