CopilotKit

AssistantMessage

A left-aligned assistant chat bubble that renders Markdown content, with an optional typing indicator and timestamp.

Overview

AssistantMessage renders a left-aligned chat bubble for assistant turns. Content is rendered as Markdown through CopilotMarkdown. When isLoading is set, it shows an animated typing indicator instead of content. Useful when building a custom chat UI on top of the headless CopilotChat.

Import

import { AssistantMessage } from "@copilotkit/react-native/components";

Props

Prop

Type

Prop

Type

Prop

Type

Prop

Type

Usage

import { AssistantMessage } from "@copilotkit/react-native/components";

<AssistantMessage content="Hello! How can I help?" timestamp={new Date()} />;

// While the agent is responding:
<AssistantMessage content="" isLoading />;

Related