Description of icon
Flex UI
API Reference

TaskList

This is a container for TaskList.


Component children#

KeyComponentConditionAlignDescription
contentsReact component
Wrapper for the tasks list. Displays vertically: a list of static tasks according to the staticFilter prop, the TaskListFilter component and a list of all tasks that match the filter selected from the TaskListFilter component. It uses react-flip-move

Static Properties#

NameTypeDescription
ContentDynamicContentStore<TaskList.TaskListProps>

Dynamic content store

defaultPropsTaskList.TaskListProps

Default properties

Component Properties#

NameTypeDescriptionOptionalDefault
selectedTaskSidstring

Sid of the selected task.

Yes
compareFunctionfunction

Callback to control how tasks should be sorted in task list. Negative number means task a should be above task b, positive number that a should be below b. 0 indicates equal priority.

YesdefaultTaskOrderCompare
staticFilterAppConfig.TaskFilterCallback

Callback to test if a task belongs to the static area (upper area before filters) in the task list.

Yes
filtersArray<AppConfig.TaskFilter>

Filter tasks displayed in the list.

Yes
onFilterChangefunction

Callback when a filter changes.

Yes
onTaskSelectedfunction

Callback when a task is selected from the list.

Yes
tasksMap<string, ITask>

Tasks.

Yes
childrenDynamicContentStore.DynamicComponentChildren<TaskList.TaskListProps>

children

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.