Description of icon
Flex UI
API Reference

TaskListItem

This is a container for TaskListItem.


Static Properties#

NameTypeDescription
ContentDynamicContentStore<TaskListItem.TaskListItemChildrenProps>

Dynamic content store

defaultPropsTaskListItem.TaskListItemProps

Default properties

Component Properties#

NameTypeDescriptionOptionalDefault
visibleboolean

Whether the task list item is visible or not.

Yes
selectedboolean

Whether the task list item is selected or not.

Yes
selectedTaskSidstring

Sid of the selected task.

Yes
onSelectedfunction

Callback when the task is selected.

Yes
iconstring | React.ReactNode

Task list item icon.

Yes
iconColorstring

Icon color.

Yes
actionsArray<React.ReactElement.<any>>

Override default accept or reject actions.

Yes
firstLineReact.ReactNode

First line displayed in the task list item.

Yes
secondLineReact.ReactNode

Second line displayed in the task list item.

Yes
extraInfoReact.ReactNode

Additional info displayed in the task list item.

Yes
largeboolean

Whether the item is large or not. If true, the lower area is displayed.

Yes
itemSizeTaskListItemSize

Task list item size.

Yes
childrenDynamicContentStore.DynamicComponentChildren<TaskListItemChildrenProps>

children

Yes

Component Children Properties#

NameTypeDescriptionOptionalDefault
BadgeObject

Set of properties for internal Badge element customisable by TaskChannel

Yes
visibleboolean

Whether the task list item is visible or not.

Yes
selectedboolean

Whether the task list item is selected or not.

Yes
selectedTaskSidstring

Sid of the selected task.

Yes
onSelectedfunction

Callback when the task is selected.

Yes
iconstring | React.ReactNode

Task list item icon.

Yes
iconColorstring

Icon color.

Yes
actionsArray<React.ReactElement.<any>>

Override default accept or reject actions.

Yes
firstLineReact.ReactNode

First line displayed in the task list item.

Yes
secondLineReact.ReactNode

Second line displayed in the task list item.

Yes
extraInfoReact.ReactNode

Additional info displayed in the task list item.

Yes
largeboolean

Whether the item is large or not. If true, the lower area is displayed.

Yes
itemSizeTaskListItemSize

Task list item size.

Yes
childrenDynamicContentStore.DynamicComponentChildren<TaskListItemChildrenProps>

children

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

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.