Order Management 6 - Sales order detail with invoice sheet

Pro

A sales-order detail for SO-654 with journey track, line items, invoice sidebar, customer contacts, and a record-payment sheet.

Shadcn Order Management 6 block

Component data

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

Order Management 6 block design & features

OrderManagement6 is a sales-order detail built with Shadcn UI and seeded with the SO-654 fixture. The header shows the order code, payment badge, status, prev and next controls, and edit. The main column includes a quote-to-done track, assignment fields, a product line with quantity and tax, terms copy, and a notes thread. The sticky sidebar holds invoice received totals with a record-payment sheet, customer contacts, and billing plus shipping addresses.

Soft muted journey card, rounded sidebar shell, and dashed separators between product and totals. Payment badges keep emerald, amber, and rose tints. The payment sheet includes amount fields, method selects, and a multi-file attachment uploader.

This is a denser B2B sales-order record than a simple receipt page. The invoice sidebar and payment sheet push it into elaborate territory. You need a real sales-order fixture, product image, and customer contact details for the layout to hold together.

On narrower widths the sidebar drops below the main column. The journey track compresses to icon-only steps without the desktop label row.