AI & Agents
Chat Message
A single message bubble on the indigo tint, aligned right for the user and left for the assistant.
Usage
Installation
npm install @wunderui/reactThen import what you need:
import { ChatMessage, ChatMessageActions } from "@wunderui/react"Examples
User
The user's message in an indigo bubble.
Assistant
The assistant's answer as plain text.
In context
How the component is used inside real screens — the same compositions as the Usage section of the Figma page.
Assistant conversation
One conversation with both roles, a tool call, sources and actions.