Order Management 2 - Kanban order board by stage

Pro

A horizontal order board with stage columns, drag-and-drop cards, product thumbnails, channel chips, and lane totals.

Shadcn Order Management 2 block

Component data

ID
order-management2
Access
pro
Created
Sep 26, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Order Management 2 block design & features

OrderManagement2 is a full-width kanban board built with Shadcn UI controls, showing orders as drag-and-drop cards across stage columns such as arrived, packaging, fulfilled, and unfulfilled. A top bar holds the title, search, and a display menu for card totals, while a second bar adds channel and attention filters. Each card shows order number, purchased products, channel and customer chips, optional thumbnails, date, and a coordinator avatar.

Muted column shells with sticky headers and light card faces. Risk badges use a soft amber pill. Product thumbnails sit in a short row under the purchase label. Horizontal scrolling keeps every lane reachable without shrinking card width.

This is a board-first operations layout with a warehouse or fulfillment mood. Dragging cards between lanes is the distinctive interaction compared with a plain orders table. Complexity is elaborate and mixed: stage icons and lane totals are code-driven, while product images and coordinator initials need real catalog data.

Lane totals update from the cards currently in each column. Filters for channel and attention thin the board without changing the stage structure.