DyteSettingsToggle

A button which toggles visibility of chat.

When clicked it emits a dyteStateUpdate event with the data:

{
  activeSettings: boolean;
}

LIVE EDITOR

<Center>
  <DyteSettingsToggle size="sm" />
  <DyteSettingsToggle size="lg" />
  <DyteSettingsToggle variant="horizontal" size="sm" />
</Center>

Preview

Props

iconPack

Icon pack

Default

defaultIconPack

Type

IconPack

size

Size

Type

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

states

States object

Type

States

t

Language

Default

useLanguage()

Type

DyteI18n

variant

Variant

Default

'button'

Type

"button" | "horizontal"