Skip to content

rtk-avatar

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

Properties

PropertyTypeRequiredDefaultDescription
iconPackIconPack❌defaultIconPackIcon pack
participantPeer | WaitlistedParticipant | { name: string; picture: string }✅-Participant object
sizeSize✅-Size
tRtkI18n❌useLanguage()Language
variantAvatarVariant✅-Avatar type

Usage Examples

Basic Usage

<!-- component.html -->
<rtk-avatar></rtk-avatar>

With Properties

<!-- component.html -->
<rtk-avatar
participant="example"
size="md"
variant="circular">
</rtk-avatar>