Welcome to MyApp

This is an example application that demonstrates how to integrate the Mizu ChatBot UI SDK. Click the chat button in the bottom-right corner to try it out!

SDK Integration Features

🚀 Easy Setup

Just wrap your app with MizuChatBotProvider and pass a config object. That's it!

💬 Streaming Responses

Supports real-time streaming from your backend API for a smooth chat experience.

🎨 Customizable

Configure prompt text, chat title, input placeholder, and more via the config prop.

How to Use

import { MizuChatBotProvider } from "@mizu/chatbot-ui";

export default function App({ children }) {
  return (
    <MizuChatBotProvider
      config={{
        apiUrl: "/api/chat",
        project: "my-project",
        promptText: "Need help? Ask us! 💬",
        chatTitle: "Support Bot",
        inputPlaceholder: "Type your question...",
      }}
    >
      {children}
    </MizuChatBotProvider>
  );
}