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?

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

Blue button labeled 'Chat with us' with a speech bubble icon.

Direction: Horizontal

MainContainer

Direction: Horizontal

MainHeader

Direction: Vertical

PreengagementCanvas

Form asking for name and question with submit button labeled 'OK Let's Go!'.

Direction: Vertical

PendingEngagementCanvas

Direction: Vertical

MessagingCanvas

Direction: Vertical

MessageList

Chat messages between Damien Smith and Robert Ryan with timestamps.

Direction: Horizontal

MessageList.WelcomeMessage

Direction: Vertical

MessageListItem

Direction: Vertical

MessageBubble

Direction: Vertical

MessageInput

Direction: Vertical

MessageCanvasTray

End of chat message with button to start new chat.

Direction: Vertical