botui

Kerangka kerja JavaScript untuk membuat UI percakapan.

Situs Utama - Baca Dokumen - Contoh -? QuickStart

Showcase?

Kami mencantumkan semua proyek keren yang dibangun orang dengan botui, di sini. Lihat orang lain 'dan tambahkan milik Anda!

Catatan

Versi ini menggunakan pendekatan yang sama sekali berbeda untuk membangun UI. Jangan menggunakannya sebagai pengganti drop-in untuk versi sebelumnya. Jika Anda ingin menggunakan pendekatan sebelumnya (hanya VUE), instal versi 0.3.9 : npm i [email protected] .

Tampilan cepat

Instalasi

npm i botui @botui/react

Contoh Penggunaan dalam Bereaksi

 import { useEffect } from 'react'
import { createRoot } from 'react-dom/client'

import { createBot } from 'botui'
import { BotUI , BotUIMessageList , BotUIAction } from '@botui/react'

const myBot = createBot ( ) 

 < div id =" botui-app " > </ div > 

 const App = ( ) => {

  useEffect ( ( ) => {
    myBot
      . wait ( { waitTime : 1000 } )
      . then ( ( ) => myBot . message . add ( { text : 'hello, what is your name?' } ) )
      . then ( ( ) => myBot . action . set (
          {
            options : [
              { label : 'John' , value : 'john' } ,
              { label : 'Jane' , value : 'jane' } ,
            ] ,
          } ,
          { actionType : 'select' }
      ) )
      . then ( ( data ) => myBot . message . add ( { text : `nice to meet you ${ data . selected . label } ` } ) )
  } , [ ] )

  return < div >
    < BotUI bot = { myBot } >
      < BotUIMessageList />
      < BotUIAction />
    </ BotUI >
  </ div >
}

const containerElement = document . getElementById ( 'botui-app' )
const root = createRoot ( containerElement )
root . render ( < App /> )

Lisensi

Lisensi MIT - Hak Cipta (C) 2017-23 - Moin Uddin