ITaskManagerProps
@spartanfx/react / index / ITaskManagerProps
Interface: ITaskManagerProps
Task Manager component props (PLATFORM-AGNOSTIC)
Properties
Required
| Property | Type | Description |
|---|---|---|
items | ITask[] | Array of tasks to display |
Options
| Property | Type | Description |
|---|---|---|
allowAddition? | boolean | Whether to allow adding new tasks (default: true) |
allowDeletion? | boolean | Whether to allow deleting tasks (default: true) |
allowDragDrop? | boolean | Whether to allow drag & drop functionality (includes moving between columns and reordering within columns) (default: true) |
allowEdit? | boolean | Whether to allow editing tasks (default: true) |
buckets? | string[] | Array of bucket/status values to display in Kanban view |
defaultView? | ViewAs | Initial view mode (default: 'list') |
error? | Error | Current error state |
loading? | boolean | Current loading state |
loadingMessage? | string | Custom loading message (default: "Loading tasks...") |
responsiveThreshold? | number | Screen width threshold (in pixels) below which to automatically switch to Kanban view (default: 1400) |
totalItems? | number | Total number of tasks available |
Events & callbacks
| Property | Type | Description |
|---|---|---|
onCreate? | (input) => void | Promise<ITask> | Callback when a task is created |
onDelete? | (id) => void | Promise<void> | Callback when a task is deleted |
onGetUserSuggestions? | (searchText) => Promise<IUserSuggestion[]> | Callback to get user suggestions for people picker |
onMove? | (id, newStatus, newOrder?) => void | Promise<void> | Callback when a task is moved to different status (drag & drop) |
onRefresh? | () => void | Promise<void> | Callback to refresh/reload data |
onRenderTaskForm? | (task) => void | Callback to render a custom task form (for both create and edit). When provided, the internal TaskEditPanel is not used. - For new tasks: task parameter is null - For editing: task parameter contains the task to edit |
onTaskClick? | (task) => void | Callback when a task is selected/clicked |
onUpdate? | (id, input) => void | Promise<void> | Callback when a task is updated |
Appearance & theming
| Property | Type | Description |
|---|---|---|
appearance? | AppearanceMode | Appearance mode (light or dark) |
className? | string | Custom CSS class name |
style? | CSSProperties | Custom styles |
theme? | ITaskManagerTheme | Custom theme overrides |