Description of icon
Flex UI
API Reference

TaskCanvasHeader

This component renders the header of task canvas. Can be themed with [theme.TaskCanvasHeader]{@link TaskCanvasHeader.TaskCanvasHeaderThemeProps}


Component children#

KeyComponentConditionAlignDescription
iconstyled(div)Visible only when an icon is provided as propA wrapper that displays the task icon
headerstyled(div)The main header content. Contains title and activity status
actionsReact componentA wrapper for the possible task actions

Static Properties#

NameDescriptionType
Content

Dynamic content store

DynamicContentStore.<TaskCanvasHeader.TaskCanvasHeaderProps>
defaultProps

Default properties

TaskCanvasHeader.TaskCanvasHeaderProps
Content

Dynamic content store

DynamicContentStore.<TaskContextProps>

Component Properties

  • ActionsComponent?: React.ComponentType.<{task: ITask}>

    Represents the actions component.

  • icon?: string | React.ReactNode

    Represents the icon.

  • titleTemplateCode?: string

    Represents title template code.

  • titleTemplateContext?: any

    Represents context for title templete.

  • secondLineTemplateCode?: string

    Represents second line template code.

  • secondLineTemplateContext?: any

    Represents context for second line templete.

Need some help?