Chatbot Conversation

The example below simulates a conversation with a chatbot. Shortly after the question is sent, a response is received, then continuously updated.

Key Points

• The data.map method is used to stream the incoming response.
• The initial message positioning is set through shortSizeAlign
• The autoscrollToBottomBehavior is set to smooth to animate the scroll when the streaming response scroll beyond the visible area.

Live Example

loading...