chat ui kit react 다운로드 - chat ui kit react 소스 코드 다운로드

chat ui kit react

AI 소스 코드

v2.0.3

다운로드

chat ui kit react

몇 분 안에 React 구성 요소를 사용하여 나만의 채팅 UI를 구축하세요.
chatscope의 채팅 UI 키트는 웹 채팅 애플리케이션 개발을 위한 오픈 소스 UI 도구 키트입니다.

끈끈한 스크롤바, 콘텐츠 편집 가능, 반응성, CSS 해킹으로 인해 어려움을 겪고 계시나요?
이 키트는 당신을 위한 것입니다! 모든 기능을 확인하세요.

Chat UI Kit는 빠른 속도로 채팅 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

용법

ESM

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