Fulfillment control center: metric cards, shift performance, capacity allocation tabs, a donut flow chart, and a searchable paginated exception queue. Uses ReUI Frame, Badge, DataGrid plus Tabs, Select, Progress, breadcrumb, and a date-range picker.
Files · 12
Dependencies
npm packages
@tanstack/react-table
cn
date-fns
react-day-picker
recharts
sonner
Registry items
@reui/badge
@reui/data-grid
@reui/frame
avatar
@reui/badge
breadcrumb
button
calendar
chart
checkbox
@reui/data-grid
@reui/data-grid-column-header
@reui/data-grid-pagination
@reui/data-grid-scroll-area
@reui/data-grid-table
dropdown-menu
@reui/frame
input
input-group
item
label
popover
progress
select
separator
tabs
tooltip
Registry Items
dashboard-1
Configuration
Name
dashboard-1
Type
Block
Description
Fulfillment control center: metric cards, shift performance, capacity allocation tabs, a donut flow chart, and a searchable paginated exception queue. Uses ReUI Frame, Badge, DataGrid plus Tabs, Select, Progress, breadcrumb, and a date-range picker.