chat ui kit react下载 - chat ui kit react源代码下载

chat ui kit react

Ai源码

v2.0.3

下载

chat ui kit react

在几分钟内使用 React 组件构建您自己的聊天 UI。
chatscope 的 Chat UI Kit 是一个用于开发 Web 聊天应用程序的开源 UI 工具包。

厌倦了与粘性滚动条、内容可编辑、响应能力、CSS hack 作斗争吗？
该套件适合您！查看所有功能。

聊天 UI 套件为您带来极速聊天 UI 开发

演示

全功能聊天应用程序：https://demo.chatscope.io
佐伊、茜、艾略特和乔：https://chatscope.io/demo/chat-friends
与火星人聊天（他有时有空）：https://mars.chatscope.io

演示索引：https://chatscope.io/demo。

安装

元件库

使用纱线：

yarn add @chatscope/chat-ui-kit-react

使用 npm：

npm install @chatscope/chat-ui-kit-react

风格

使用纱线：

yarn add @chatscope/chat-ui-kit-styles

使用 npm：

npm install @chatscope/chat-ui-kit-styles

用法

环境管理署

 import styles from "@chatscope/chat-ui-kit-styles/dist/default/styles.min.css" ;
import {
  MainContainer ,
  ChatContainer ,
  MessageList ,
  Message ,
  MessageInput ,
} from "@chatscope/chat-ui-kit-react" ;

< div style = { { position : "relative" , height : "500px" } } >
  < MainContainer >
    < ChatContainer >
      < MessageList >
        < Message
          model = { {
            message : "Hello my friend" ,
            sentTime : "just now" ,
            sender : "Joe" ,
          } }
        />
      </ MessageList >
      < MessageInput placeholder = "Type message here" />
    </ ChatContainer >
  </ MainContainer >
</ div > ;