• 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
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Indicators
    • Inputs
    • Labels
    • Layout
    • ListBoxupdated
    • ListView
    • Map
    • Notification
    • OrgChart
    • PDF Processing
    • PDFViewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheet
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeView
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

TaskBoardCardProps

Represents the props of the TaskBoardCard component.

NameTypeDefaultDescription

card

React.ForwardRefExoticComponent<CardProps intersected with RefAttributes<undefined>>

Represents the Card component.

cardBody

React.ComponentType<TaskBoardCardBodyProps>

Represents the TaskBoardCardBody component.

cardHeader

React.ComponentType<TaskBoardCardHeaderProps>

Represents the TaskBoardCardHeader component.

confirmDialog

React.ComponentType<TaskBoardConfirmDialogProps>

Represents the TaskBoardConfirmDialog component.

confirmDialogCancelButton

React.ReactNode

Represents the content of the cancel button of the TaskBoardConfirmDialog component.

confirmDialogConfirmButton

React.ReactNode

Represents the content of the confirm button of the TaskBoardConfirmDialog component.

confirmDialogMessage

React.ReactNode

Represents the content of the TaskBoardConfirmDialog component.

confirmDialogTitle

string

Represents the title of the TaskBoardConfirmDialog component.

disabled?

boolean

The disabled state.

elementRef?

React.RefObject<CardHandle>

Specifies the CardHandle reference.

menuItems

any[]

Represents the menu items.

onCloseConfirmDialog

(event: MouseEvent<HTMLButtonElement>) => void

The Close Button click event handler of the TaskBoardConfirmDialog component.

onClosePreviewPane

(event: MouseEvent<HTMLElement>) => void

Fires when the preview pane needs to be closed.

onHideMenu

(event: MouseEvent<HTMLButtonElement>) => void

Fires when the menu needs to be hidden.

onMenuButtonBlur

(event: FocusEvent<HTMLButtonElement>) => void

Fires on blur of the menu button.

onMenuItemSelect

(event: MenuSelectEvent) => void

Fires on menu item selection.

onShowMenu

(event: MouseEvent<HTMLButtonElement>) => void

Fires when the menu needs to be shown.

onShowPreviewPane

(event: MouseEvent<HTMLElement>) => void

Fires when the preview pane needs to be shown.

onTaskDelete

(event: MouseEvent<HTMLButtonElement>) => void

Fires when task's delete button is clicked.

onTaskEdit

(event: MouseEvent<HTMLButtonElement>) => void

Fires when task's edit button is clicked.

popupRef

React.RefObject<PopupHandle>

Represents the popup reference.

previewDialog

React.ComponentType<TaskBoardPreviewDialogProps>

Represents the TaskBoardPreviewDialog component.

previewDialogDelete

React.ReactNode

Represents the preview dialog delete node.

previewDialogEdit

React.ReactNode

Represents the preview dialog edit node.

previewDialogPriorityLabel

string

Represents the priority label in the preview dialog.

showDeleteConfirm

boolean

Determines the visibility of the task's delete confirmation dialog.

showMenu

boolean

Determines the menu visibility.

showTaskPreviewPane

boolean

Determines the visibility of the task's preview pane.

style?

React.CSSProperties

The applied styles.

tabIndex?

number

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

task

TaskBoardTaskModel

The rendered task.