Issue Gantt 1 - Issue timeline

Pro

A gantt timeline of issues by week, month, or quarter, with filters and a quick add.

Shadcn Issue Gantt 1 block

Component data

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

Issue Gantt 1 block design & features

IssueGantt1 is a timeline built with shadcn/ui Dropdown Menu, Tooltip, and Sheet. The toolbar switches among week, month, and quarter, filters by status, and can hide unscheduled issues or highlight today. Bars span each issue's start and target date.

Hovering a bar shows a tooltip. A quick add field creates a short item, and the full create sheet sets status and dates. Escape leaves the full screen view.

This is a schedule of bars. The scale switch and the unscheduled filter are the distinctive controls. Content-driven: it needs titles, statuses, and start and target dates.

On a narrow screen the issue list stays put and the timeline scrolls sideways.