Size
Palette
Shape
Elevation
Status
Content
VGE
JCH
PM

ON
OF
AB
DND

Svelte 
<Avatar size="xs"  shape="circular" label="JD" />
<Avatar size="sm"  shape="circular" label="JD" />
<Avatar size="md"  shape="circular" label="JD" />
<Avatar size="lg"  shape="circular" label="JD" />
<Avatar size="xl"  shape="circular" label="JD" />
<Avatar size="2xl" shape="circular" label="JD" />

API

PropTypeDefault
size"xs" | "sm" | "md" | "lg" | "xl" | "2xl""md"
status"online" | "offline" | "absent" | "do-not-disturb"undefined
palette"accent" | "tone""accent"
shape"rounded" | "circular" | "square""rounded"
elevation"none" | "subtle" | "hard""none"
srcstringundefined
altstring""
labelstringundefined
onclick() => voidundefined
Prop size
Type "xs" | "sm" | "md" | "lg" | "xl" | "2xl"
Default "md"
Prop status
Type "online" | "offline" | "absent" | "do-not-disturb"
Default undefined
Prop palette
Type "accent" | "tone"
Default "accent"
Prop shape
Type "rounded" | "circular" | "square"
Default "rounded"
Prop elevation
Type "none" | "subtle" | "hard"
Default "none"
Prop src
Type string
Default undefined
Prop alt
Type string
Default ""
Prop label
Type string
Default undefined
Prop onclick
Type () => void
Default undefined