Menu

Flex WebChat Components

Flex WebChat 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?

  • 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

EntryPoint

EntryPoint

Direction: Horizontal

MainContainer

MainContainer

Direction: Horizontal

MainHeader

MainHeader

Direction: Vertical

PreengagementCanvas

PreEngagementCanvas

Direction: Vertical

PendingEngagementCanvas

PreEngagementCanvas

Direction: Vertical

MessagingCanvas

MessagingCanvas-v2.png

Direction: Vertical

MessageList

Flex.MessageList

Direction: Horizontal

MessageList.WelcomeMessage

MessageList.WelcomeMessage-v2.png

Direction: Vertical

MessageListItem

Flex.MessageListItem

Direction: Vertical

MessageBubble

Flex.MessageBubble

Direction: Vertical

MessageInput

Flex.MessageInput

Direction: Vertical

MessageCanvasTray

MessageCanvasTray

Direction: Vertical

Rate this page:

Need some help?

We all do sometimes; code is hard. Get help now from our support team, or lean on the wisdom of the crowd by visiting Twilio's Community Forums or browsing the Twilio tag on Stack Overflow.

Thank you for your feedback!

We are always striving to improve our documentation quality, and your feedback is valuable to us. How could this documentation serve you better?

Sending your feedback...
🎉 Thank you for your feedback!
Something went wrong. Please try again.

Thanks for your feedback!

Refer us and get $10 in 3 simple steps!

Step 1

Get link

Get a free personal referral link here

Step 2

Give $10

Your user signs up and upgrade using link

Step 3

Get $10

1,250 free SMSes
OR 1,000 free voice mins
OR 12,000 chats
OR more