← Cloudflare Realtime / realtime / realtimekit / ui-kit / api-reference / core
rtk-grid
Основной компонент сетки, который абстрагирует всю логику обработки сетки и отрисовывает её за вас.
Свойства
| Свойство | Тип | Обязательный | По умолчанию | Описание |
|---|---|---|---|---|
aspectRatio |
string |
✅ | - | Соотношение сторон для каждого участника |
config |
UIConfig |
❌ | createDefaultConfig() |
объект Config |
gap |
number |
✅ | - | Отступ между участниками |
gridSize |
GridSize |
✅ | - | Размер сетки |
iconPack |
IconPack |
❌ | defaultIconPack |
Набор значков |
layout |
GridLayout |
✅ | - | Макет сетки |
meeting |
Meeting |
✅ | - | Объект встречи |
overrides |
any |
✅ | - | @deprecated |
size |
Size |
✅ | - | Размер |
states |
States |
✅ | - | Состояния |
t |
RtkI18n |
❌ | useLanguage() |
Язык |
Примеры использования
Базовое использование
<rtk-grid></rtk-grid>Со свойствами
<rtk-grid
aspectRatio="example"
gridSize="md">
</rtk-grid><script>
const el = document.querySelector("rtk-grid");
el.gap= 42;
</script>