Real-time chat in action

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@talkjs/web-components@0.3.4/default.css" />
<script type="importmap">{"imports": {"@talkjs/web-components": "https://cdn.jsdelivr.net/npm/@talkjs/web-components@0.3.4", "@talkjs/core": "https://cdn.jsdelivr.net/npm/@talkjs/core@1.11.2"}}</script>
<script type="module" async>import "@talkjs/web-components";</script>
<div style="width: 100%; height: 100%; max-width: 500px; max-height: 600px;">
  <t-chatbox 
    id="chat" 
    app-id="t49WUjOP" 
    user-id="sample_user_alice" 
    conversation-id="conv_zlviswq">
  </t-chatbox>
</div>

<style>
  html,
  body {
    height: 90%;
    width: 95%;
    overflow-x: hidden;
    display: flex;
    justify-content: center;
    padding: 1.5rem 1rem;
  }
</style>
Copy