Description of icon
Flex UI
API Reference

Supervisor․TaskCard

This is a container for TaskCard. Can be themed with Theme.TaskCard in Theme.


Component children#

KeyComponentConditionAlignDescription
iconstyled(div)
Wrapper for TaskCard icon
contentstyled(div)
Wrapper for TaskCard content. Displays firstLine and secondLine from props or, if not provided, first line and second line templates from task channel definition

Static Properties#

NameTypeDescription
ContentDynamicContentStore<TaskCard.TaskCardChildrenProps, SupervisorTaskCardChildrenKeys>

Dynamic content store

Component Properties#

NameTypeDescriptionOptionalDefault
iconstring | React.ReactNode

Task Card icon.

Yes
firstLineReact.ReactChild

Task Card first line.

Yes
secondLineReact.ReactChild

Task Card second line.

Yes
onClickfunction

Callback called when task is selected.

Yes
highlightedboolean

Whether the task card is highlighted or no.

Yes
selectedboolean

Whether the task card is selected or no.

Yes
childrenDynamicContentStore.DynamicComponentChildren<TaskCardChildrenProps>

children

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.