Koala logo Design
Koala logo Design
No matches for “”
↑↓ navigate ↵ open Esc close
PrimitivesDisplayAvatar

Avatar

Round portrait for a user, partner or organisation. Without a photo, white initials sit on the plum Soft overlap background. Unidentified numbers use a person glyph.

<koala-avatar>

Size

J JD JD JD

Soft overlap

Profile initials
EH EH EH E
Image fallback
Elliot Hallam

States

Initials fallback
JD
Unlinked identity
SC
Unknown number
Photo
Jane Doe
Empty

Partner avatar

KP KP KP

Organisation avatar

AC AC AC

Avatar stack

Haris RazaSabaa Hussain Haris RazaSabaa HussainSteve CheshireAndrew Gunn+1 Haris RazaSabaa Hussain+3

API

size ExtraSmallSmallMediumLarge
image-src string (caller-authored image source)
first-name string
last-name string
email string
name string (local initials or person glyph when no user exists)
show-tooltip bool
people IReadOnlyList<AvatarStackPerson> (koala-avatar-stack)
ring SurfaceSurfaceContainerSurfaceContainerLow (koala-avatar-stack)
max int, 0 = all (koala-avatar-stack)
Open