LiveKit LogoDocs
Real-timeEgress/IngressCloudReference

GridLayout

The GridLayout component displays the nested participants in a grid where every participants has the same size.

Import

import { GridLayout } from '@livekit/components-react';

Usage

<LiveKitRoom>
<GridLayout tracks={tracks}>
<ParticipantTile />
</GridLayout>
<LiveKitRoom>

Properties

#
childrenReact.ReactNode

#
tracksTrackReferenceOrPlaceholder[]

On this page

ImportUsageProperties

Previous

Chevron IconFocusToggle
LiveKit logo

Product

SFU

SDKs

Performance

Deployment

GitHub Logo