Documentation

Avatar

User profile picture with automatic fallback display.

Installation

pnpm add @rouf-dev/pantheon-ui

Usage

import { Avatar, AvatarImage, AvatarFallback } from "@rouf-dev/pantheon-ui";

<Avatar>
  <AvatarImage src="/avatar.jpg" alt="@username" />
  <AvatarFallback>CN</AvatarFallback>
</Avatar>

Examples

Default

CN

Fallback Only

ABCDEF