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

Usage Examples

Basic Usage

<rtk-avatar></rtk-avatar>

With Properties

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

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

  el.participant= {};
</script>