Studio delivery board grouped by stage: one DataGrid per stage so every stage repeats its full column header row, sharing one sort and selection state. Client brand tiles, a segmented completion meter, crew AvatarGroup, milestone dates. Search, stage filter, density and column toggles, per-stage select all.
Files · 15
Dependencies
npm packages
@tanstack/react-table
sonner
Registry items
@reui/badge
@reui/data-grid
@reui/frame
avatar
@reui/badge
button
checkbox
@reui/data-grid
@reui/data-grid-column-header
@reui/data-grid-table
dropdown-menu
empty
field
@reui/frame
input-group
popover
select
tooltip
Registry Items
data-grid-grouping-7
Configuration
Name
data-grid-grouping-7
Type
Block
Description
Studio delivery board grouped by stage: one DataGrid per stage so every stage repeats its full column header row, sharing one sort and selection state. Client brand tiles, a segmented completion meter, crew AvatarGroup, milestone dates. Search, stage filter, density and column toggles, per-stage select all.