Menu

Expand
Rate this page:

Thanks for rating this page!

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

Components - add, replace, remove

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 - add, remove, replace

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 browsing the Twilio tag on Stack Overflow.