Documentation

ChatScreen

Panel-less message history and a 200×20 input.

Full-screen previewPreview pages are excluded from search indexes

<Steve> 大家好多钻石！
<Alex> 小心苦力怕
Steve 加入了游戏

Composition

These are the composable components; the Block only places them at vanilla coordinates.

Code

import { ChatScreen } from "./index";

/**
 * ChatScreen 预览用例（规格 §6.3）
*/
export function ChatScreenDemo() {
  return (
    <ChatScreen
      messages={[
        { author: "Steve", text: "大家好多钻石！" },
        { author: "Alex", text: "小心苦力怕" },
        { text: "Steve 加入了游戏" },
      ]}
    />
  );
}