rtk-avatar

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

Properties

Property	Type	Required	Default	Description
`iconPack`	`IconPack`	❌	`defaultIconPack`	Icon pack
`participant`	`Peer \| WaitlistedParticipant \| { name: string; picture: string }`	✅	-	Participant object
`size`	`Size`	✅	-	Size
`t`	`RtkI18n`	❌	`useLanguage()`	Language
`variant`	`AvatarVariant`	✅	-	Avatar type

<rtk-avatar></rtk-avatar>

<rtk-avatar
 participant="example"
 size="md"
 variant="circular">
</rtk-avatar>

<script>
  const el = document.querySelector("rtk-avatar");

  el.participant= {};
</script>