Components › Blocks
Task list
A checklist with progress, priorities, add and delete. Done tasks strike through.
Installation
npx plankui@latest add task-listUsage
import { TaskList } from "@/components/ui/task-list";
<TaskList title="Launch week" tasks={[{ id: "1", title: "Write the changelog", priority: "high" }]} />API reference
| Prop | Type | Default | Description |
|---|---|---|---|
| tasks | { id; title; done?; meta?; priority? }[] | required | The tasks. |
| onTasksChange | (tasks) => void | Pass to control the list yourself. | |
| addable | boolean | true | Show the add field. |