For Developers
Web Chat v2
Message List

Message List Component

The MessageList component is a component that will render the list of messages in the webchat. This component can be used to add custom messages to the webchat.

webchat-embed-config

import "./style.css"
import theme from "./theme.json"
 
import { MessageList, Container, WebchatProvider, useClient } from '@botpress/webchat'
 
const App = () => {
  const client = useClient({ clientId: '453254325-54325-435-345-345534253' })
 
  return (
    <WebchatProvider client={client} theme={theme}>
      <Container>
        <MessageList />
      </Container>
    </WebchatProvider>
  )
}

Message List Demo

Click to see a live demo