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 streaming response is handled by data mapping with items-change scroll modifier.
• 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...