Docs
Avatar

Avatar

Avatar component is a versatile image element designed for representing users or entities. It provides a visually appealing way to display user profiles, ensuring a personalized and engaging experience. In case an image is unavailable, the Avatar includes a fallback mechanism for a seamless user representation.

Radix UINPM
CN

Installation

yarn add @camped-ui/avatar

Usage

import { Avatar, AvatarFallback, AvatarImage } from "@camped-ui/avatar";
<Avatar>
  <AvatarImage src="https://github.com/camped.png" />
  <AvatarFallback>CN</AvatarFallback>
</Avatar>
Aspect RatioBadge