← Cloudflare Realtime / realtime / realtimekit / ui-kit / api-reference / core
rtk-avatar
Компонент аватара, который отображает изображение участника или его инициалы.
Свойства
| Свойство | Тип | Обязательный | По умолчанию | Описание |
|---|---|---|---|---|
iconPack |
IconPack |
❌ | defaultIconPack |
Набор значков |
participant |
Peer | WaitlistedParticipant | { name: string; picture: string } |
✅ | - | Объект Participant |
size |
Size |
✅ | - | Размер |
t |
RtkI18n |
❌ | useLanguage() |
Язык |
variant |
AvatarVariant |
✅ | - | Тип аватара |
Примеры использования
Базовое использование
<rtk-avatar></rtk-avatar>Со свойствами
<rtk-avatar
participant="example"
size="md"
variant="circular">
</rtk-avatar><script>
const el = document.querySelector("rtk-avatar");
el.participant= {};
</script>