Avatar

Display a users image or initials

<Avatar />

Props

Prop	Type	Description
alt	string	The name of the user
size	"xs" \| "sm" \| "md" \| "lg" \| "xl"	xs = 24px, sm = 32px, md = 40px, lg = 72px, xl = 120px
src	url	An image url

Examples

<Avatar size="xs" src="bad-url" />
<br />
<Avatar size="sm" alt="Frank Sinatra" src="bad-url" />
<br />
<Avatar size="md" alt="Billy Idol" />
<br />
<Avatar size="lg" alt="Jane Doe" src="https://via.placeholder.com/72" />
<br />
<Avatar size="xl" src="https://via.placeholder.com/120" />
<br />
<Avatar size="xl"><Add /></Avatar>
<br />
<Avatar size="lg" ><Minus /></Avatar>
<br />
<Avatar size="md" ><AvatarAdd /></Avatar>
<br />
<Avatar size="sm" ><AvatarCheck /></Avatar>
<br />
<Avatar size="xs" ><Chart /></Avatar>