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()