Skip to main content

RtkSidebar

A component which handles the sidebar and you can customize which sections you want, and which section you want as the default.

<View>
  <RtkSidebar
    defaultSection="participants"
    meeting={meeting}
    style={{ height: '480px' }}
  />
</View>

To see a mobile sidebar:

<View style={{ position: 'relative', height: '600px' }}>
  <RtkSidebar
    defaultSection="participants"
    meeting={meeting}
  />
</View>

Props​

config

Config

Default
defaultConfig

defaultSection

Default section

Default
'chat'
Type
"chat" | "participants" | "plugins" | "polls"

enabledSections

Enabled sections in sidebar

Default
[]
Type
RtkSidebarTab[]

iconPack

Icon pack

Default
defaultIconPack

meeting

Meeting object

size

Size

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

states

States object

Type
States

t

Language

Default
useLanguage()

view

View type

Default
'sidebar'
Type
"full-screen" | "sidebar"