This guide assumes that you have completed the Rendering UI guide.
<C1Chat>. It is a pre-built, “batteries-included” React component that gives you a complete chat interface and manages the underlying logic.
What is <C1Chat>?
The <C1Chat> component provides a complete solution for conversational UI, handling the following out of the box:
- A Complete Chat UI: Renders the message list, a composer for user input, and loading indicators.
- Thread and Message Management: Automatically handles conversation history, message ordering, and thread state.
- Generative UI Rendering: Seamlessly renders both standard text messages and complex C1 DSL responses like forms and charts.
- Built-in Streaming: Manages streaming responses from your backend for a real-time user experience.
Guides in This Section
- Concepts Core terminology of conversational apps: thread, message, and thread list.
- Getting Started with
<C1Chat>Get the<C1Chat>component running and connected to your backend. - State Management Manage the UI state of the chat application.
- Customizing
<C1Chat>Adapt the component’s appearance with themes and change its layout. - Backend API Create a conversational API for your application.
- Conversation Persistence Persist conversation history to a database and fetch it on UI.
- Sharing Conversations Save conversation history to a database and generate shareable links.