Skip to main content

dyte-settings

A settings component to see and change your audio/video devices as well as see your connection quality.

Desktop View:
<dyte-settings class="dyte-el"></dyte-settings>

Mobile View:
<dyte-settings size="sm" class="dyte-el"></dyte-settings>

<script>
  const elements = document.getElementsByClassName('dyte-el');
  for (const el of elements) {
    el.meeting = meeting;
  }
</script>

<style>
  dyte-settings {
    height: 480px;
    width: '100%';
    max-width: 720px;
  }
  dyte-settings[size='sm'] {
    max-width: 360px;
  }
</style>

Props​

meeting

required

Meeting object

iconPack

Icon pack

Default
defaultIconPack

size

Size

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

states

States object

Type
States

t

Language

Default
useLanguage()