Quickly build beautiful React apps. Sigma-H AI Bot is a simple and customizable component library to build faster, beautiful, and more accessible React applications.

Installation

Sigma-H AI Bot is available as an npm package.

Stable channel v1

// with npm
npm install sigma-chat-bot-kit

// with yarn
yarn add sigma-chat-bot-kit

Usage

Here is a quick example to get you started, it's all you need:

import React from 'react';
import ReactDOM from 'react-dom';
import Chatbot from 'sigma-chat-bot-kit';
import 'sigma-chat-bot-kit/build/main.css';

const App = () => {
  // pass the styleing props
  const style = {
    botButtonPosition: '', // should be right or left
    iconColor: '', // color code should be HEX or RGB
    chatHeader: '', // color code should be HEX or RGB
    chatHeaderTitle: '', // pass the string for the the header
    adLogo: '', // pass the image url image format should be (JPG,JPGE,PNG)
    textColor: '', // color code should be HEX or RGB
  };
  return <Chatbot URL="your websocket URL Put here" Style={style} Icon={
    //pass the icon or write a image tag Like (<img src="image" alt="text" />)
  } />;
};

ReactDOM.render(<App />, document.querySelector('#app'));

Yes, it's really all you need to get started as you can see in this live and interactive demo:

License

This project is licensed under the terms of the MIT license.