Skip to contentSkip to navigationSkip to topbar
On this page

Flex WebChat 2.0 Components


(information)

Info

This guide is for Flex UI 1.x.x and channels that use Programmable Chat and Proxy. If you are using Flex UI 2.x.x or you are starting out, we recommend that you build with Webchat 3.x.x.

Flex WebChat 2.0 UI is a library of programmable or dynamic components that exposes a content property and allows you to add, replace, and remove any component and its children.


What can you do with dynamic components?

what-can-you-do-with-dynamic-components page anchor
  • Add, replace, remove any component and its children
  • Specify direction on where to add components new components
  • Specify condition on which to add, replace and remove components

Learn more about dynamic components in Flex UI Components


EntryPoint

entrypoint page anchor
EntryPoint.

Direction: Horizontal

MainContainer.

Direction: Horizontal

MainHeader.

Direction: Vertical

PreEngagementCanvas.

Direction: Vertical

PreEngagementCanvas.

Direction: Vertical

MessagingCanvas-v2.

Direction: Vertical

Flex.MessageList.

Direction: Horizontal

MessageList.WelcomeMessage

messagelistwelcomemessage page anchor
MessageList.WelcomeMessage-v2.

Direction: Vertical

Flex.MessageListItem.

Direction: Vertical

Flex.MessageBubble.

Direction: Vertical

Flex.MessageInput.

Direction: Vertical

MessageCanvasTray.

Direction: Vertical

Need some help?

Terms of service

Copyright © 2024 Twilio Inc.