import { Avatar } from "@nodus/design-system"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
src | string | — | Image source URL |
fallbackreq | string | — | Fallback initials when image unavailable |
size | "sm" | "md" | "lg" | "xl" | "md" | Avatar size |
variant | "circle" | "square" | "circle" | Avatar shape |
alt | string | — | Alt text for image (defaults to fallback) |
srcType
stringDefault —Image source URL
fallbackrequiredType
stringDefault —Fallback initials when image unavailable
sizeType
"sm" | "md" | "lg" | "xl"Default "md"Avatar size
variantType
"circle" | "square"Default "circle"Avatar shape
altType
stringDefault —Alt text for image (defaults to fallback)
MobileWorks As-Is
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?