Description of icon
Flex UI
API Reference

CallCanvas

This component renders a canvas for call based task. Can be themed with Theme.CallCanvas in Theme.


Component children#

KeyComponentConditionAlignDescription
transcriptChatBookendContainerChatBookendContainer
center
A container component for display loading icon and initial message displayed to the agent while the transcript is being fetched
transcriptMessageWelcomeMessageChatBookend
center
A container component for welcome message
transcriptMessageEventStartChatBookendItem
center
component to hold static string
transcriptMessageEventDetailsChatBookendItem
center
component to hold static string for CCAI Label

Static Properties#

NameTypeDescription
ContentDynamicContentStore<CallCanvas.CallCanvasChildrenProps, CallCanvasChildrenKeys>

Dynamic content store

Component Children Properties#

NameTypeDescriptionOptionalDefault
dialpadStateDialpadState

Represents the state of the dialpad.

No
compactboolean

if dialpad should be compact.

Yes
taskITask

Task.

Yes
callCall

Call state of the task.

Yes
conferenceConferenceState

Conference state of the task.

Yes
channelDefinitionTaskChannelDefinition

Channel definition of the task.

Yes
conversationConversationState.ConversationState

Conversation state of the task. Present if task is chat-based.

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