Core ElementsPro

Kanban

A drag-and-drop board of columns and cards.

Usage

To do1

Design onboarding

Design

Done1

Ship chart

Shipped

bash

npm install @wunderui/react

Then import what you need:

tsx

import {
  Kanban,
  KanbanCard,
  KanbanCardItem,
  KanbanCardProps,
  KanbanColumn,
} from "@wunderui/react"

Three columns of cards with tags and details — drag a card to another column.

Backlog2

Audit analytics events

Research

Promo code edge cases

Bug

In progress1

Redesign payment step

DesignSep 24

Done1

Cart drawer

Feature

How the component is used inside real screens — the same compositions as the Usage section of the Figma page.

A sprint with its team; drag cards between columns.

Sprint 24

Ends Friday · drag cards between columns

To do2

Empty states for billing

DesignML

Webhook retries

BackendTS

In progress1

Data grid column resize

FrontendPM

Review1

Dark mode tokens

DesignAL