Blocks
Sprint board
A sprint board with add, move, delete, inline edit, search, and priority filter built from Card, Badge, Avatar, StickyNote, Input, Select, Tooltip, and Button.
Sprint board
Priority: all
To Do
2Check docs pages that still use placeholder copy.
highdesign
GL
Document the open and close patterns.
mediumdocs
AC
In Progress
1Move remaining components to useRough helpers.
higheng
DP
Done
1Align install command copy with the current registry path.
lowsite
BM
Installation
package manager
npx shadcn add https://bydefaulthuman.fun/r/kanban.jsonFeatures
- Add task with an inline form per column
- Move task across columns with hover actions
- Delete task from any column
- Inline edit by clicking a task title
- Search filters tasks across all columns
- Priority filter narrows the board globally
onBoardChangefires the full updated board after every mutation
Props
PropTypeDefaultDescription
addTaskLabelstring—
Label for the add task action.
emptyStateLabelstring—
Text shown when no tasks match filters.
initialColumnsKanbanColumn[]—
Initial board columns.
onBoardChange(columns: KanbanColumn[]) => void—
Callback fired after any board mutation.
priorityFilterLabelstring—
Prefix used in the priority filter.
searchPlaceholderstring—
Search input placeholder.
titlestring—
Block heading text.
Accessibility
This block is composed from accessible byDefaultHuman components. Preserve visible labels, button text, and supporting copy when adapting it so the layout remains understandable without the visual styling.
Examples
import { KanbanColumnBlock } from "@/components/block/KanbanColumnBlock";
<KanbanColumnBlock />;