← Cloudflare Realtime / realtime / realtimekit / ui-kit / api-reference / core
rtk-participant-setup
Свойства
| Свойство | Тип | Обязательный | По умолчанию | Описание |
|---|---|---|---|---|
config |
UIConfig |
❌ | createDefaultConfig() |
объект Config |
iconPack |
IconPack |
❌ | defaultIconPack |
Набор значков |
isPreview |
boolean |
✅ | - | Используется ли плитка для предпросмотра |
nameTagPosition |
| 'bottom-left' | 'bottom-right' | 'bottom-center' | 'top-left' | 'top-right' | 'top-center' |
✅ | - | Позиция плашки с именем |
participant |
Peer |
✅ | - | Объект Participant |
size |
Size |
✅ | - | Размер |
states |
States |
✅ | - | Объект States |
t |
RtkI18n |
❌ | useLanguage() |
Язык |
variant |
'solid' | 'gradient' |
✅ | - | Вариант |
Примеры использования
Базовое использование
<rtk-participant-setup></rtk-participant-setup>Со свойствами
<rtk-participant-setup>
</rtk-participant-setup><script>
const el = document.querySelector("rtk-participant-setup");
el.isPreview= true;
el.participant= participant
</script>