Description of icon
Flex UI
API Reference

TaskCanvasTabs

This component renders the task canvas tabs.


Component children#

KeyComponentConditionAlignDescription
outboundConnectingOutboundCallCanvas
Visible only if task is pending and is an outbound call
Tab for outbound call tasks. Displays the ConnectingOutboundCallCanvas component
incomingReact component
Visible only if task is pending and is not an outbound call
Tab for incoming voice tasks. Displays the IncomingTaskCanvas component. The tab label is the TaskTabAgentIncomingLabel template
callReact component
Visible only if task is a voice task and is not pending
Tab for voice tasks. Displays the CallCanvas component
chatReact component
Visible only if task is chat task and is not pending
Tab for chat tasks. Displays the MessagingCanvas component
infoReact component
Tab for task info. Displays TaskInfoPanel component. The tab label is the TaskTabAgentInfoLabel template

Static Properties#

NameTypeDescription
ContentDynamicContentStore<TaskCanvasTabs.TaskCanvasTabsChildrenProps, TaskCanvasTabsChildrenKeys>

Dynamic content store

Component Children Properties#

NameTypeDescriptionOptionalDefault
hasMarkdownSupportboolean

Whether markdown feature is enabled or not

Yes
selectedTabNamestring

Selected tab name.

Yes
theme.TaskCanvasTaskCanvasThemeProps

Theme

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.