• What is KendoReact
  • Getting Started
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Formupdated
    • Ganttupdated
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Map
    • Notification
    • OrgChartnew
    • PDF Processing
    • PDFViewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

TaskBoardColumnProps

Represents the props of the TaskBoardColumn component

NameTypeDefaultDescription

addButtonTitle

string

Specifies the add button title.

addCardDialog

React.ComponentType<TaskBoardAddCardProps>

Represents the TaskBoardAddCard component.

body

React.ComponentType<TaskBoardColumnBodyProps>

Represents the TaskBoardColumnBody component.

card

React.ComponentType<TaskBoardCardProps>

Represents the TaskBoardCard component.

children

React.ReactNode

Determines the children nodes.

closeButtonTitle

string

Specifies the close button title.

column

TaskBoardColumnModel

The column of the TaskBoard.

confirmDialog

React.ComponentType<TaskBoardConfirmDialogProps>

Represents the TaskBoardConfirmDialog component.

confirmDialogCancelButton

React.ReactNode

Specifies the cancel dialog confirm button node.

confirmDialogConfirmButton

React.ReactNode

Specifies the confirm dialog confirm button node.

confirmDialogMessage

React.ReactNode

Specifies the confirm dialog message

confirmDialogTitle

string

Specifies the confirm dialog title.

editButtonTitle

string

Specifies the edit button title.

editCardDialog

React.ComponentType<TaskBoardEditCardProps>

Represents the TaskBoardEditCard component.

editedTask?

TaskBoardTaskModel

Specifies the edited task.

elementRef?

React.RefObject<HTMLDivElement>

Represents the reference of the element.

header

React.ComponentType<TaskBoardColumnHeaderProps>

Represents the TaskBoardColumnHeader component.

onCloseDialog

(event: MouseEvent<HTMLButtonElement>) => void

The Close Button click event handler of the TaskBoardConfirmDialog component.

onColumnConfirmDelete

(event: MouseEvent<HTMLButtonElement>) => void

Fires on confirmation of column deletion.

onColumnDelete

(event: MouseEvent<HTMLButtonElement>) => void

Fires on column deletion.

onColumnEnterEdit

(event: MouseEvent<HTMLButtonElement>) => void

Fires when column enters edit.

onColumnExitEdit

(event: FocusEvent<HTMLInputElement>) => void

Fires when column exits edit.

onShowAddCardDialog

(event: MouseEvent<HTMLButtonElement>) => void

Fires when the add card dialog is shown.

onShowEditCardPane

(task: TaskBoardTaskModel) => void

Fires when the edit card pane is shown.

onTaskCreate

(task: TaskBoardTaskModel) => void

Fire on task creation.

onTaskDelete

(task: TaskBoardTaskModel) => void

Fires when task is deleted.

onTaskEdit

(task: TaskBoardTaskModel, prevTask: TaskBoardTaskModel) => void

Fires when task is edited.

onTitleChange?

(event: InputChangeEvent) => void

Fires when title is changed.

priorities

TaskBoardPriority[]

The priorities that are set in the TaskBoard.

showAddCard

boolean

Determines the visibility of the add card.

showColumnConfirmDelete

boolean

Determines the visibility of the column confirm/delete.

showEditCard

boolean

Determines the visibility of the edit card.

style?

React.CSSProperties

The styles for the TaskBoard.

tabIndex?

number

Specifies the tabIndex that will be added to the TaskBoard Column element.

tasks

TaskBoardTaskModel[]

The tasks of the TaskBoard.