Avatar

User avatar display, supporting image and text fallback.

Basic Usage

Load images via src. Falls back to text initials on load failure.

UOJDJS

<AAvatar alt="User One" />
<AAvatar alt="John Doe" />
<AAvatar alt="Jane Smith" />

Size

Support sm, md, lg sizes.

AAA

<AAvatar alt="A" size="sm" />
<AAvatar alt="A" size="md" />
<AAvatar alt="A" size="lg" />

Shape

Support circle (default) and square shapes.

CISQ

<AAvatar alt="Circle" shape="circle" />
<AAvatar alt="Square" shape="square" />

Custom Fallback

Customize fallback text with fallback.

UJD

<AAvatar fallback="U" />
<AAvatar fallback="JD" />

API

Props

Name	Type	Default	Description
src	string	—	Image URL
alt	string	—	Alt text, also used for initials
size	'sm' | 'md' | 'lg'	'md'	Size
shape	'circle' | 'square'	'circle'	Shape
fallback	string	—	Custom fallback text