Data and analytics · §5.26

Avatar

Initials for people on the care team.

Theme
Contrast
Language
Motion
Text size

Code

<PersonAvatar name="Laura B." size="lg" />

Accessibility

  • Decorative when the name is next to it.

Usage

Do

  • Initials on muted.

Don't

  • No patient photos.

Platforms

Web
apps/web/components/edflow/person-avatar.tsx, apps/web/components/ui/avatar.tsx
iOS
SwiftUI Circle with initials
Android
Compose Box with initials