Chat

src/components/chat.tsx

Import

import { Chat } from "@ossrandom/design-system";

Examples

Default

↗ Playground

<Chat messages={[
    { role: "user", content: "Deploy v0.2.0?" },
    { role: "assistant", content: "Running checks…" },
    { role: "tool", content: "All checks passed." },
    { role: "assistant", content: "Proceeding with deploy." },
  ]} />

API

extends BaseProps

Prop	Type
`messages` required	`readonly ChatMessage[]`
`streaming`	`boolean`
`placeholder`	`string`
`onSend`	`(text: string, attachments: readonly File[]) => void \| Promise<void>; readonly onStop?: () => void; readonly suggestions?: readonly string[];`

Related types

interface

ChatMessage

Prop	Type
`id` required	`string`
`role` required	`ChatRole`
`content` required	`ReactNode`
`timestamp`	`Date`
`status`	`"sending" \| "sent" \| "error" \| "streaming"`
`attachments`	`readonly { name: string; size: number; url?: string }[]`