Size
Palette
Circular
Status
Content
VGE
JCH
PM

ON
OF
AB
DND

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

API

PropTypeDefault
size"xs" | "sm" | "md" | "lg" | "xl""md"
status"online" | "offline" | "absent" | "do-not-disturb"undefined
palette"accent" | "tone""accent"
circularbooleanfalse
srcstringundefined
altstring""
labelstringundefined
onclick() => voidundefined
Prop size
Type "xs" | "sm" | "md" | "lg" | "xl"
Default "md"
Prop status
Type "online" | "offline" | "absent" | "do-not-disturb"
Default undefined
Prop palette
Type "accent" | "tone"
Default "accent"
Prop circular
Type boolean
Default false
Prop src
Type string
Default undefined
Prop alt
Type string
Default ""
Prop label
Type string
Default undefined
Prop onclick
Type () => void
Default undefined