Add In-App User-to-User Chat Like the Pros. Instantly.

import { useEffect } from 'react';
import teemboomChatInit from 'teemboom-chat';

function App() {
  useEffect(() => {
    teemboomChatInit({
      appId: "your_app_id",
      appTheme: "your_selected_layout",
      user: {
        id: "your_user_id",
        username: "your_user_name",
        profile_pic: "your_user_profile_pic_url"
      },
      recipient: {
        id: "your_recipient_id",
        username: "your_recipient_name",
        profile_pic: "your_recipient_profile_pic_url"
      }
    });
  }, []);

  return <div id="teemboom_chat">App</div>;
}

import teemboomChatInit from 'teemboom-chat';

export default {
  name: 'App',
  mounted() {
    teemboomChatInit({
      appId: "your_app_id",
      appTheme: "your_selected_layout",
      user: {
        id: "your_user_id",
        username: "your_user_name",
        profile_pic: "your_user_profile_pic_url"
      },
      recipient: {
        id: "your_recipient_id",
        username: "your_recipient_name",
        profile_pic: "your_recipient_profile_pic_url"
      }
    });
  }
}

import { Component, OnInit } from '@angular/core';
import teemboomChatInit from 'teemboom-chat';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html'
})
export class AppComponent implements OnInit {
  
  ngOnInit() {
    teemboomChatInit({
      appId: "your_app_id",
      appTheme: "your_selected_layout",
      user: {
        id: "your_user_id",
        username: "your_user_name",
        profile_pic: "your_user_profile_pic_url"
      },
      recipient: {
        id: "your_recipient_id",
        username: "your_recipient_name",
        profile_pic: "your_recipient_profile_pic_url"
      }
    });
  }
}