Skip to main content

TaskPanelProps

Props for the TaskPanel component

Example

<TaskPanel
tasks={[
{ id: '1', title: 'Task 1', description: 'Description for Task 1', codeSnippet: 'console.log("Task 1");', completed: false },
{ id: '2', title: 'Task 2', description: 'Description for Task 2', codeSnippet: 'console.log("Task 2");', completed: true },
]}
onTaskToggle={(taskId, completed) => console.log(`Task ${taskId} completed: ${completed}`)}
/>

Properties

onTaskToggle()?

optional onTaskToggle: (taskId, completed) => void;

Callback when a task's completed state changes

Parameters

ParameterType
taskIdstring
completedboolean

Returns

void


tasks

tasks: Task[];

List of tasks to display