saturation/ui
DocsComponentsBlocksPages

Sections

IntroductionComponentsInstallationTheming

Components

ComponentsAccordionAI Chat InputAlertAnimated GroupAnimated NumberAvatarBadgeBorder TrailBreadcrumbButtonButton GroupCalendar PickerCardChartCheckboxCollapsibleComboboxCommandContext MenuCredit CardData TableDate PickerDialogDropdown MenuEmptyFieldFiltersFull CalendarGlow EffectInputInput GroupInput OTPItemKanbanKbdMenubarNovel EditorPaginationProgressProgressive BlurRadio GroupSelectSeparatorSheetSkeletonSliderSonnerSpinnerSpotlightSwitchTableTabsText EffectText ShimmerTextareaToggleToggle GroupTreeTypography
Docs/Components/Kanban

Kanban

A drag-and-drop kanban board component.

Loading...

Installation

pnpm dlx shadcn@latest add @saturation/kanban

Usage

import { Kanban } from "@/components/ui/kanban"
<Kanban columns={columns} items={items} onMove={handleMove} />

API Reference

PropTypeDefaultDescription
columns*Column[]—Kanban columns.
items*Item[]—Kanban items.
onMove(item, from, to) => void—Item move handler.

On This Page

  • Installation
  • Usage
  • API Reference
Backlog3
Add authenticationCritical
John Doe2024-04-19
Create API endpointsMedium
Jane Smith2024-04-15
Write documentationLow
Bob Johnson2024-04-10
In Progress2
Design system updatesCritical
Alice Brown2024-03-28
Implement dark modeMedium
Claudia Johnson2024-04-03
Done2
Setup projectLow
Eve Davis2024-12-15
Initial commitLow
Frank Wilson2024-03-24