My Chatbot Package

A customizable React chatbot component that can be embedded in any React project. Includes typewriter effects, PDF export, and persistent local chat history.

---

Features

- Fully React-based, lightweight, and responsive
- Minimized & maximized states
- Typewriter effect for AI messages
- Input validation and character count
- Persistent chat history (localStorage)
- Download chat conversation as PDF
- Customizable primary color and styles
- Ready to publish as an npm package

---

Installation

Install via npm:

``

bash

npm install @superwise.ai/superwise-chatbot-package





Usage



Styles are auto-loaded by the package (no manual CSS import needed). Use the component:

jsx

import { Chatbot } from "@superwise.ai/superwise-chatbot-package";



function App() {

  return (

    

      Demo Chatbot

              title="Superwise Expert Agent" 

        agentId="AGENT_ID_HERE" 

        discoveryAgentId="DISCOVERY_AGENT_ID_HERE" 

        primaryColor="#000000"

        apiUrl="API_URL_HERE" 

      />

    

  );

}



ReactDOM.createRoot(document.getElementById("root")).render();

My Chatbot Package

A customizable React chatbot component that can be embedded in any React project. Includes typewriter effects, PDF export, and persistent local chat history.

---

Features

Installation

Install via npm:

``

bash

npm install @superwise.ai/superwise-chatbot-package





Usage



Styles are auto-loaded by the package (no manual CSS import needed). Use the component:

jsx

import { Chatbot } from "@superwise.ai/superwise-chatbot-package";



function App() {

  return (

    

      Demo Chatbot

              title="Superwise Expert Agent" 

        agentId="AGENT_ID_HERE" 

        discoveryAgentId="DISCOVERY_AGENT_ID_HERE" 

        primaryColor="#000000"

        apiUrl="API_URL_HERE" 

      />

    

  );

}



ReactDOM.createRoot(document.getElementById("root")).render();