AI patterns

ChatMessage

User / assistant / system bubble with streaming cursor for chat interfaces.

Preview

When does the fiscal year end?

14:02

The fiscal year ends on March 31. Quarterly reports are due within ten business days of each quarter close.

14:02

Compiling source citations

Conversation closed by user.

Installation

pnpm add nyxis-ui

Usage

import { ChatMessage } from 'nyxis-ui';
// or, for stricter tree-shaking:
// import { ChatMessage } from 'nyxis-ui/chat-message';

<ChatMessage role="user">Hello</ChatMessage>
<ChatMessage role="assistant" streaming>
  Compiling answer
</ChatMessage>