Description of icon
Flex UI
API Reference

TaskDetailsPanel

This component renders the task details panel. Can be themed with Theme.TaskDetailsPanel in Theme.


Component Properties#

NameTypeDescriptionOptionalDefault
theme.TaskDetailsPanelTaskDetailsPanelThemeProps

Theme

Yes
contentDynamicContentStore<TaskDetailsPanelChildrenProps, TaskDetailsPanelChildrenKeys>

Represents dynamic content store.

No
compactboolean

Whether a component should be rendered in the compact mode

Yesfalse
titleLinestring

Title string shown in the task details panel.

Yes
firstLinestring

First line shown in the task details panel.

Yes
secondLinestring

Second line shown in the task details panel.

Yes
IconComponentReact.ComponentType<Partial.<TaskCanvasChildrenProps>>

Represents the icon.

Yes
ActionsComponentReact.ComponentType<Partial.<TaskCanvasChildrenProps>>

Represents the actions component.

Yes
contentComponentReact.ReactElement

Represents the content of the taks details panel.

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

Component Children Properties#

NameTypeDescriptionOptionalDefault
theme.TaskDetailsPanelTaskDetailsPanelThemeProps

Theme

Yes
theme.TaskDetailsPanelTaskDetailsPanelThemeProps

Theme

Yes
contentDynamicContentStore<TaskDetailsPanelChildrenProps, TaskDetailsPanelChildrenKeys>

Represents dynamic content store.

No
compactboolean

Whether a component should be rendered in the compact mode

Yesfalse
titleLinestring

Title string shown in the task details panel.

Yes
firstLinestring

First line shown in the task details panel.

Yes
secondLinestring

Second line shown in the task details panel.

Yes
IconComponentReact.ComponentType<Partial.<TaskCanvasChildrenProps>>

Represents the icon.

Yes
ActionsComponentReact.ComponentType<Partial.<TaskCanvasChildrenProps>>

Represents the actions component.

Yes
contentComponentReact.ReactElement

Represents the content of the taks details panel.

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.