Skip to main content

dyte-setup-screen

A screen shown before joining the meeting, where you can edit your display name, and media settings.

<dyte-setup-screen id="dyte-el" style="height: 360px"></dyte-setup-screen>

<script>
  const el = document.getElementById('dyte-el');
  el.meeting = meeting;
</script>

Props​

meeting

required

Meeting object

config

Config object

Default
defaultConfig

iconPack

Icon pack

Default
defaultIconPack

size

Size

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

states

States object

Default
storeState
Type
States

t

Language

Default
useLanguage()