DUKanban

Data

Board columns for task workflows.

import { DUKanban } from 'deri-ui';
Live preview

Todo

Docs

Done

Buttons

typescript
<DUKanban columns={[{id:'todo',title:'Todo',items:[{id:'1',title:'Ship'}]}]} />

Props

PropTypeDefaultDescription
columnsDUKanbanColumn[]—Board data

Usage

import { DUKanban } from 'deri-ui';

<DUKanban columns={[{id:'todo',title:'Todo',items:[{id:'1',title:'Ship'}]}]} />

Customize with className, radius, and Tailwind utilities. Theme tokens come from deri-ui/tailwind.preset.

Related

← DUTableDUKpiCard →

© 2026 Deri Ui. Developed by Deribew Shimelis. Copy and use the code freely in your projects.