ChatBox SDK - Development Playground

Widget Controls

Send Message

Message Text

Sender

Quick Messages

Theme

Primary Color

Background

Dark Mode Shadows

API Configuration

API Key

Endpoint

User Context

User ID

User Name

User Email

Custom Fields (JSON)

Context (JSON)

Layout

Type

Position

🛠️ Development Playground

This is a comprehensive development environment for testing the ChatBox SDK. All changes are reflected in real-time. Use the controls on the left to interact with the widget, and monitor events in the console on the right.

📊 Statistics

Messages

Events

Theme Changes

Uptime

⚙️ Current Configuration

API Key: -

Endpoint: -

Theme: -

Layout: -

Status: -

🔥 Hot Reload

This playground detects changes to the SDK automatically. Save your changes to chatbox-sdk.js and see them reflected immediately.

# Watch for changes
npm run watch

# Or run full dev stack
npm run dev:all