CleenUI · Project Management · KanbanList

KanbanList

Pro

Vertical list-mode variant of the Kanban primitive for narrow viewports or single-column workflows.

storybook.cleenui.com · project-management-kanbanlist--default
Open in new window

About KanbanList

KanbanList trades the multi-column board layout for a vertical stack — same drag-and-drop, same persistence model, same card renderer. Use it on narrow screens (mobile, side panels) or for single-status workflows like personal task lists or daily standup queues.

Sections within the list can collapse and group tasks by category, priority, or any custom dimension.

When to use it

  • Mobile-first task lists.
  • Side-panel work queues in admin tooling.
  • Daily standup or sprint backlog views.
  • Grouped to-do lists with collapsible sections.

Common props

Prop
Type
Description
items
Item[]
Ordered list of items.
groupBy
string
Field to group items by (renders section headers).
onReorder
(items) => Promise<void>
Persistence on reorder.
renderItem
(item) => ReactNode
Custom item renderer.
collapsibleGroups
boolean
Allow user to collapse group sections.
Cross-references

Where this component shows up elsewhere in the foundation.

In modules

2
⚡ Already in an AI editor?

Set up CleenUI in your tool.

Skip the manual import — ask your AI agent to build with this component. The Builder skill knows its props, variants, and idioms.

Claude CodeCursorWindsurfGitHub CopilotClineAider+6All 12 guides
Other categories

More component families.