Skip to main content

rtk-avatar

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

<rtk-avatar class="rtk-el" size="sm"></rtk-avatar>
<rtk-avatar class="" size="md"></rtk-avatar>
<rtk-avatar class="rtk-el" size="lg"></rtk-avatar>

<script>
  const elements = document.getElementsByClassName('rtk-el');
  for (const el of elements) {
    el.participant = meeting.self;
  }
</script>

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"