Skip to main content

DyteSpotlightGrid

A grid component that renders two lists of participants: pinnedParticipants and participants.

  • Participants from pinnedParticipants[] are rendered inside a larger grid.
  • Participants from participants[] array are rendered in a smaller grid.

Props

aspectRatio

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

Default
'16:9'
Type
string

config

UI Config

Default
defaultConfig

gap

Gap between participant tiles

Default
8
Type
number

iconPack

Icon Pack

Default
defaultIconPack

meeting

Meeting object

participants

Participants

Default
[]
Type
Peer[]

pinnedParticipants

Pinned Participants

Default
[]
Type
Peer[]

size

Size

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

states

States object

Type
States

t

Language

Default
useLanguage()