Skip to content
Cloudflare Docs

rtk-avatar

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

Properties

PropertyTypeRequiredDefaultDescription
iconPackIconPackdefaultIconPackIcon pack
participantPeer | WaitlistedParticipant | { name: string; picture: string }-Participant object
sizeSize-Size
tRtkI18nuseLanguage()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>