Skip to main content

dyte-chat

Fully featured chat component with image & file upload, emoji picker and auto-scroll.

<dyte-chat id="dyte-el"></dyte-chat>

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

<style>
  dyte-chat {
    height: 480px;
    width: 100%;
    max-width: 320px;
    background-color: '#000';
  }
</style>

Props​

config

Config

Default
defaultConfig

disablePrivateChat

disables private chat

Default
false
Type
boolean

iconPack

Icon pack

Default
defaultIconPack

meeting

Meeting object

privatePresetFilter

Default
[]
Type
String[]

size

Size

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

t

Language

Default
useLanguage()