← Cloudflare Realtime / realtime / realtimekit / ui-kit / api-reference / angular
rtk-mixed-grid
Компонент сетки, который обрабатывает демонстрации экрана, плагины и участников.
Свойства
| Свойство | Тип | Обязательный | По умолчанию | Описание |
|---|---|---|---|---|
aspectRatio |
string |
✅ | - | Соотношение сторон плитки участника Формат: width:height |
config |
UIConfig |
❌ | createDefaultConfig() |
Конфигурация UI |
gap |
number |
✅ | - | Отступ между плитками участников |
gridSize |
GridSize1 |
✅ | - | Размер сетки |
iconPack |
IconPack |
❌ | defaultIconPack |
Набор значков |
layout |
GridLayout1 |
✅ | - | Макет сетки |
meeting |
Meeting |
✅ | - | Объект встречи |
participants |
Peer[] |
✅ | - | Участники |
pinnedParticipants |
Peer[] |
✅ | - | Закреплённые участники |
plugins |
RTKPlugin[] |
✅ | - | Активные плагины |
screenShareParticipants |
Peer[] |
✅ | - | Участники демонстрации экрана |
size |
Size |
✅ | - | Размер |
states |
States |
✅ | - | Объект States |
t |
RtkI18n |
❌ | useLanguage() |
Язык |
Примеры использования
Базовое использование
<!-- component.html -->
<rtk-mixed-grid></rtk-mixed-grid>Со свойствами
<!-- component.html -->
<rtk-mixed-grid
aspectRatio="example"
gap="42"
gridSize="md">
</rtk-mixed-grid>