rtk-avatar

Last updated Apr 21, 2026Copy as MarkdownView as MarkdownAgent setup

OverviewPropertiesUsage ExamplesBasic UsageWith Properties

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

Properties

Property	Type	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>

Was this helpful?

YesNo