dxDigitexa UI
HomeDocsComponentsExamplesAI
Get started
Sections
IntroductionComponentsInstallationThemingCLIFor AI agentsChangelog
Examples
Workspace overviewSettings
Components
AccordionActivity feedAlertAlert dialogAvatarBadgeBreadcrumbButtonCalendarCalendar viewCardCheckboxCollapsibleComboboxCommandContext menuData tableDate pickerDialogDropdown menuEmpty stateFieldHover cardInputInput groupKanbanKbdLabelMeterPaginationPopoverPriorityProgressRadio groupScroll areaSelectSeparatorSheetSidebarSkeletonSliderSpinnerStatus iconSwitchTableTabsTask rowTextareaTimelineToastToggleToggle groupTooltip

Kanban

Controlled dnd-kit board: drag cards across columns by mouse or keyboard, WIP limits.

Installation

$ curl -fsSL https://ui.digitexa.com/dx.mjs | node --input-type=module - add kanban

Also adds avatar, badge, button, priority, progress, status-icon, task-row, utils, theme and installs @dnd-kit/core, @dnd-kit/sortable, @dnd-kit/utilities, lucide-react.

Usage

import { KanbanBoard, KanbanColumn, KanbanCard } from "@/components/ui/kanban";

The Code tab above shows a complete example.

Input groupKbd
On this page
PreviewInstallationUsage