Documentation
DocumentationDocumentation

React SDK

Component-based integration for React applications

React
Components
Customization
Features

React Components

Pre-built, customizable UI components for quick integration

TypeScript Support

Full TypeScript definitions for improved developer experience

React Hooks

Custom hooks for managing chatbot state and interactions

Theming

Extensive theming options to match your application's design

Installation Methods
Choose the installation method that fits your project

CDN

Quick setup using CDN links. No build tools required.

<link rel="stylesheet" href="/sdk/chatbot-react-sdk.css">
<script src="/sdk/chatbot-react-sdk.umd.js"></script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    // Initialize the React SDK
    window.AsroChatReactSDK.init({
      apiKey: 'your-api-key',
      botId: 'your-bot-id'
    });
  });
</script>

npm Package Coming Soon

We're working on a dedicated npm package for React projects that will provide a component-based API with TypeScript support and React hooks. For now, please use the CDN method above which provides full functionality for React applications.