AssistantMessage.mdx

title	AssistantMessage
description	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

Markdown content to render inside the bubble. When `true`, shows a typing indicator instead of the content. Optional timestamp displayed below the bubble, formatted as 12-hour time. Optional style override for the outer container.

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

• UserMessage: the user-side counterpart
• CopilotMarkdown: the Markdown renderer used internally