Avatar
displayAn image element with a fallback for representing users or entities.
Preview
CNAGSM
Installation
npm install @launchapp/design-systemImport
import { Avatar, AvatarImage, AvatarFallback } from "@launchapp/design-system";Examples
Avatar with Image
<Avatar> <AvatarImage src="https://github.com/shadcn.png" alt="@shadcn" /> <AvatarFallback>CN</AvatarFallback></Avatar>Avatar Fallback
<Avatar> <AvatarFallback>AG</AvatarFallback></Avatar>Props
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | — | Additional CSS classes. |
src | string | — | Source URL for the avatar image (on AvatarImage). |
alt | string | — | Alt text for the image (on AvatarImage). |