Skip to content

rtk-avatar

Last updated View as MarkdownAgent setup

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

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

With Properties

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

Was this helpful?