← Cloudflare Realtime / realtime / realtimekit / ui-kit / api-reference / core
rtk-avatar
Komponenta Avatar, která vykresluje obrázek účastníka nebo jeho iniciály.
Vlastnosti
| Vlastnost | Typ | Povinné | Výchozí | Popis |
|---|---|---|---|---|
iconPack |
IconPack |
❌ | defaultIconPack |
Sada ikon |
participant |
Peer | WaitlistedParticipant | { name: string; picture: string } |
✅ | - | Objekt Participant |
size |
Size |
✅ | - | Velikost |
t |
RtkI18n |
❌ | useLanguage() |
Jazyk |
variant |
AvatarVariant |
✅ | - | Typ avataru |
Příklady použití
Základní použití
<rtk-avatar></rtk-avatar>S vlastnostmi
<rtk-avatar
participant="example"
size="md"
variant="circular">
</rtk-avatar><script>
const el = document.querySelector("rtk-avatar");
el.participant= {};
</script>