Components

TaskCanvasHeader

<TaskCanvasHeader {...TaskCanvasHeader.TaskCanvasHeaderProps} />

This component renders the header of task canvas. Can be themed with theme.TaskCanvasHeader

Component children

The following table contains a list of children.
Key Condition Type Align Description
icon Visible only when an icon is provided as prop styled(div) A wrapper that displays the task icon
header styled(div) The main header content. Contains title and activity status
actions React component A wrapper for the possible task actions

Members

DynamicContentStore.<TaskCanvasHeader.TaskCanvasHeaderChildrenProps>

# static readonly Content

Dynamic content store
TaskCanvasHeader.TaskCanvasHeaderProps

# static readonly defaultProps

Default properties

Type Definitions

TaskCanvasHeader.TaskCanvasHeaderProps

# TaskCanvasHeaderChildrenProps

Properties of children in task canvas header.
Properties:
Name Type Attributes Description
theme.TaskCanvasHeader Theme.TaskCanvasHeaderThemeProps <optional>
 theme.
content DynamicContentStore <optional>
 Represents dynamic content store.
Partial.<TaskCanvasChildrenProps>

# TaskCanvasHeaderProps

Properties of Task Canvas Header.
Properties:
Name Type Attributes Description
ActionsComponent React.ComponentType.<{task: ITask}> <optional>
 Represents the actions component.
content DynamicContentStore <optional>
 Represents dynamic content store.
icon string | React.ReactNode <optional>
 Represents the icon.
titleTemplateCode string <optional>
 Represents title template code.
titleTemplateContext Object <optional>
 Represents context for title templete.
secondLineTemplateCode string <optional>
 Represents second line template code.
secondLineTemplateContext Object <optional>
 Represents context for second line templete.