Skip to contentSkip to navigationSkip to topbar
Twilio Docs
On this page

Flex WebChat 2.0 Components

(warning)

Warning

Webchat 2.0 is no longer supported. It uses Flex UI 1.x.x's legacy messaging, which has reached end-of-life.

If you are using Webchat 2.0, migrate to Webchat 3.x.x.

If you are starting out with Webchat, build with Webchat 3.x.x instead.

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

WebChat components

webchat-components page anchor

EntryPoint

entrypoint page anchor
EntryPoint.

Direction: Horizontal

MainContainer

maincontainer page anchor
MainContainer.

Direction: Horizontal

MainHeader

mainheader page anchor
MainHeader.

Direction: Vertical

PreengagementCanvas

preengagementcanvas page anchor
PreEngagementCanvas.

Direction: Vertical

PendingEngagementCanvas

pendingengagementcanvas page anchor
PreEngagementCanvas.

Direction: Vertical

MessagingCanvas

messagingcanvas page anchor
MessagingCanvas-v2.

Direction: Vertical

MessageList

messagelist page anchor
Flex.MessageList.

Direction: Horizontal

MessageList.WelcomeMessage

messagelistwelcomemessage page anchor
MessageList.WelcomeMessage-v2.

Direction: Vertical

MessageListItem

messagelistitem page anchor
Flex.MessageListItem.

Direction: Vertical

MessageBubble

messagebubble page anchor
Flex.MessageBubble.

Direction: Vertical

MessageInput

messageinput page anchor
Flex.MessageInput.

Direction: Vertical

MessageCanvasTray

messagecanvastray page anchor
MessageCanvasTray.

Direction: Vertical