Chatbot

A floating chatbot component for React applications with smooth animations.

• Shows a chat bubble on the bottom-right corner of the screen.
• Click to open the chat window with messages and input.
• Automatically scrolls to the latest message with smooth animation.
• Easy to customize botName and input placeholder.

📦 Installation

npm install test-react-simple-chatbot
# or using yarn
yarn add test-react-simple-chatbot

Peer dependencies:

react >= 18

react-dom >= 18

🚀 Usage

import React from 'react';
import { Chatbot } from 'test-react-simple-chatbot';

function App() {
  return (
    <div>
      <h1>My App</h1>
      <Chatbot botName="Name bot" placeholder="Type your message..." />
    </div>
  );
}

export default App;

✨ Features

Floating chat bubble in the bottom-right corner.

Animated chat window (fade + slide) when opening/closing.

Automatic scroll to the latest message.

Lightweight and easy to integrate.

Fully TypeScript supported.