Skip to content

React web chat component

The DialoX Web Client components embeds DialoX chatbots inside a React component for the web.


npm install @botsquad/web-client

Example code

import React from "react";
import WebClient from "@botsquad/web-client";

// A user ID, based on a cookie or some external property
const user_id = "u" + Math.random();

// your DialoX bot
const bot_id = "1adc3f20-32e9-4376-a147-d9ef23ac8a4c";

function App() {
  return (
    <div className="botsquad-components layout-docked">
      <WebClient bot_id={bot_id} params={{ user_id }} hideAvatars />

export default App;

There are many more options for controlling the interaction between the web page and the React component. However, the public documentation around the component is currently lacking. contact us for commercial support and technical questions.