Project Detail 1 - Project record with files and tabs

Pro

A project page with health stats, a brief, file cards, and tabs for timeline, tasks, issues, and activity.

Shadcn Project Detail 1 block

Component data

ID
project-detail1
Access
pro
Created
Sep 29, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Project Detail 1 block design & features

ProjectDetail1 is a project record built with shadcn/ui Tabs and Sheet. The header breadcrumbs read Projects / Internal PM System, with a copy-link action and a panel toggle. The page shows Internal PM System, the Build track and contributor badges, then four stats for timeline health, due date, tasks closed, and files. A brief and file cards with PDF, ZIP, and Figma icons sit above tabs for timeline, tasks, issues, and activity. Timeline is the issue gantt. Tasks is the status board. Issues is the spreadsheet.

The stats are a hairline grid with no card shadows. File tiles are rounded cards. Tabs use an underline for the current section. A right column lists project status, photo contributors, schedule, and notes.

This is an elaborate project page with moderate visual density. The file grid and the meta column are the distinctive pieces. Content-driven: it needs a project name, a short brief, file names, task and issue rows, and contributor photos.

On smaller screens the meta column closes into a sheet opened from the header, and the stats wrap to two columns.