[ Web Proxy ]

Viewing: https://developers.cloudflare.com/realtime/realtimekit/ui-kit/api-reference/angular/rtk-grid/

[Back] [Original]

rtk-grid Cloudflare Realtime docsSkip to content

[]DocsDirectory API SDKs Changelog

SearchCtrlK

/

Home
/Realtime
/…
RealtimeKit Build using UI KitComponent Reference
/Angular
/rtk-grid

rtk-grid

Last updated Apr 21, 2026Copy as MarkdownView as MarkdownAgent setup

OverviewPropertiesUsage ExamplesBasic UsageWith Properties

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>

Previousrtk-fullscreen-toggle Nextrtk-grid-pagination

Was this helpful?

YesNo

Edit page Report issue

On this page

Overview
Properties
Usage Examples
Basic Usage
With Properties

Edit page Report issue

[]Docs

Web Proxy Viewer | New URL | Original Page