Skip to main content

rtk-chat

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

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

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

<style>
  rtk-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

displayFilter

Default
undefined
Type
(message: Message) => boolean

iconPack

Icon pack

Default
defaultIconPack

meeting

Meeting object

privatePresetFilter

Default
[]
Type
String[]

size

Size

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

t

Language

Default
useLanguage()