AI patterns

ChatInput

Auto-resizing composer with attachments for chat and agent interfaces.

Preview

Installation

pnpm add nyxis-ui

Usage

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

<ChatInput placeholder="Ask the assistant anything..." onSubmit={(value) => sendMessage(value)} />;