Skip to main content

DytePluginsToggle

A button which toggles visibility of plugins.

When clicked it emits a dyteStateUpdate event with the data:

{
  activeSidebar: boolean;
  sidebar: 'plugins' | 'none';
}
LIVE EDITOR
<Center>
  <DytePluginsToggle size="sm" meeting={meeting} />
  <DytePluginsToggle size="lg" meeting={meeting} />
  <DytePluginsToggle variant="horizontal" size="sm" meeting={meeting} />
</Center>
Preview

Props​

iconPack

Icon pack

Default
defaultIconPack

meeting

Meeting object

size

Size

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

states

States object

Type
States

t

Language

Default
useLanguage()

variant

Variant

Default
'button'
Type
"button" | "horizontal"