← Cloudflare Realtime / realtime / realtimekit / ui-kit / api-reference / angular
rtk-grid
The main grid component which abstracts all the grid handling logic and renders it for you.
Properties
| Property | Type | Required | Default | Description |
|---|---|---|---|---|
aspectRatio |
string |
✅ | - | The aspect ratio of each participant |
config |
UIConfig |
❌ | createDefaultConfig() |
Config object |
gap |
number |
✅ | - | Gap between participants |
gridSize |
GridSize |
✅ | - | Grid size |
iconPack |
IconPack |
❌ | defaultIconPack |
Icon pack |
layout |
GridLayout |
✅ | - | Grid Layout |
meeting |
Meeting |
✅ | - | Meeting object |
overrides |
any |
✅ | - | @deprecated |
size |
Size |
✅ | - | Size |
states |
States |
✅ | - | States |
t |
RtkI18n |
❌ | useLanguage() |
Language |
Usage Examples
Basic Usage
<!-- component.html -->
<rtk-grid></rtk-grid>With Properties
<!-- component.html -->
<rtk-grid
aspectRatio="example"
gap="42"
gridSize="md">
</rtk-grid>