ChatUI 다운로드 - ChatUI 소스 코드 다운로드

ChatUI

AI 소스 코드

1.0.0

다운로드

대화형 UI를 위한 UI 디자인 언어 및 React 라이브러리

홈페이지 : https://chatui.io

영어 | 简体中文

특징

? 모범 사례 : Alime Chatbot 경험을 바탕으로 한 채팅 상호 작용의 모범 사례
? TypeScript : 예측 가능한 정적 유형을 사용하여 TypeScript로 작성되었습니다.
반응형(Responsive) : 모든 장치에 자동으로 적응하는 반응형 디자인
♿ 접근성 : 접근성 지원 및 접근성연구협회 인증 획득
? 테마 : 모든 세부 사항에 대한 강력한 테마 사용자 정의
? 국제 : 수십개 언어에 대한 국제화 지원

환경지원

최신 브라우저(CSS 변수 지원)
Internet Explorer 11(폴리필 및 CSS 변수 폴리필/css-vars-ponyfill 포함)

가장자리	파이어폭스	크롬	원정 여행	iOS 사파리	안드로이드 웹뷰
16세 이상	31세 이상	49세 이상	9.1+	9.3+	6+

설치하다

npm install @chatui/core --save

yarn add @chatui/core

용법

 import Chat , { Bubble , useMessages } from '@chatui/core' ;
import '@chatui/core/dist/index.css' ;

const App = ( ) => {
  const { messages , appendMsg , setTyping } = useMessages ( [ ] ) ;

  function handleSend ( type , val ) {
    if ( type === 'text' && val . trim ( ) ) {
      appendMsg ( {
        type : 'text' ,
        content : { text : val } ,
        position : 'right' ,
      } ) ;

      setTyping ( true ) ;

      setTimeout ( ( ) => {
        appendMsg ( {
          type : 'text' ,
          content : { text : 'Bala bala' } ,
        } ) ;
      } , 1000 ) ;
    }
  }

  function renderMessageContent ( msg ) {
    const { content } = msg ;
    return < Bubble content = { content . text } / > ;
  }

  return (
    < Chat
      navbar = { { title : 'Assistant' } }
      messages = { messages }
      renderMessageContent = { renderMessageContent }
      onSend = { handleSend }
    / >
  ) ;
} ;