React SDK

The Chatbotkit React SDK provides a suite of React components and hooks for building chat interfaces. It includes everything needed for creating responsive, interactive chat experiences with features like auto-scrolling, dynamic text areas, and conversation management.

Installation

Components

AutoScroller

A component that automatically scrolls to the latest content.

AutoTextarea

An auto-expanding textarea component that grows with content.

ChatInput

A specialized input component for chat interfaces.

ChatMessage

A component for rendering individual chat messages.

ChatMessages

A container component for rendering a list of chat messages.

ConversationManager

A component that manages the chat conversation state.

Hooks

useConversationManager

A hook for managing chat conversation state and interactions.

Types

Examples

Complete Chat Implementation

Custom Message Rendering

This documentation covers all the components and hooks shown in the screenshot. Would you like me to expand on any particular component or add more specific examples?