botui / botui-examples Goto Github PK

npm i botui @botui/react

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 />)

Contributors

Stargazers

Forkers

gi972 bran921007 talikuhel send2cloud yomigits zoosky krisaoe amorist alexlaforge sureshdevaraj blackgeeknerd codemilan prashanth180 javiplav wizlikewizard butter-free vicyxy dw-develops kubiaki thabungm kevinmel2000 yipcma beksultanweb sanyaade-machine-learning blacroix magiccreater laurent-leconte daannijkamp yasserantonio todayears memorx sayandeepmajumdar ishan-sinha javaspace71 ad50943163 ducalpha todun mayankmtg dhaqui roopsvr saibabanadh jcimafranca voboroau tommarute gxkai suja-k supuni9622 bidris99 ningbuer mattisonchao rohinibarla coffeelize

<script src="https://cdn.jsdelivr.net/vue/latest/vue.min.js"></script>
<script src="https://unpkg.com/botui/build/botui.js"></script>