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 > ;