dyte-mixed-grid

A grid component which handles screenshares, plugins and participants.

Props

aspectRatio

Aspect Ratio of participant tile Format: `width:height`

Default

'16:9'

Type

string

config

UI Config

Default

defaultConfig

Type

UIConfig

gap

Gap between participant tiles

Default

8

Type

number

gridSize

Grid size

Default

defaultGridSize

Type

GridSize

iconPack

Icon Pack

Default

defaultIconPack

Type

IconPack

layout

Grid Layout

Default

'row'

Type

"column" | "row"

meeting

Meeting object

Type

DyteClient

participants

Participants

Default

[]

Type

(DyteParticipant | DyteSelf)[]

pinnedParticipants

Pinned Participants

Default

[]

Type

(DyteParticipant | DyteSelf)[]

plugins

Active Plugins

Default

[]

Type

DytePlugin[]

screenShareParticipants

Screenshare Participants

Default

[]

Type

(DyteParticipant | DyteSelf)[]

size

Size

Type

"lg" | "md" | "sm" | "xl"

states

States object

Type

States

t

Language

Default

useLanguage()

Type

DyteI18n