Skip to main content

dyte-settings-toggle

A button which toggles visibility of chat.

When clicked it emits a dyteStateUpdate event with the data:

{
  activeSettings: boolean;
}
<dyte-settings-toggle size="sm"></dyte-settings-toggle>
<dyte-settings-toggle size="lg"></dyte-settings-toggle>
<dyte-settings-toggle variant="horizontal"></dyte-settings-toggle>

Props​

iconPack

Icon pack

Default
defaultIconPack

size

Size

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

states

States object

Type
States

t

Language

Default
useLanguage()

variant

Variant

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