Skip to content

UserMessage.mdx

Latest commit

 

History

History
40 lines (27 loc) · 1.17 KB

UserMessage.mdx

File metadata and controls

40 lines (27 loc) · 1.17 KB
Raw
title UserMessage
description A right-aligned user chat bubble that renders plain text, with an optional timestamp.

Overview

UserMessage renders a right-aligned chat bubble for user turns. Content is shown as plain text (no Markdown), with white text on a primary-color background. Useful when building a custom chat UI on top of the headless CopilotChat.

Import

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

Props

Plain text content to display. Optional timestamp displayed below the bubble, formatted as 12-hour time. Optional style override for the outer container.

Usage

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

<UserMessage content="What's the weather today?" timestamp={new Date()} />;

Related