Skip to main content

DyteAvatar

Avatar component which renders a participant's image or their initials.

<Row>
  <DyteAvatar size="sm" />
  <DyteAvatar size="md" participant={meeting.self} />
  <DyteAvatar size="lg" />
</Row>

Props​

iconPack

Icon pack

Default
defaultIconPack

participant

Participant object

size

Size

Type
"lg" | "md" | "sm" | "xl"

t

Language

Default
useLanguage()

variant

Avatar type

Default
'circular'
Type
"circular" | "hexagon" | "square"