Gantt Status 1 - Status colors

Pro

Gantt features with planned, in-progress, and done status colors.
Shadcn Gantt Status 1 component

Component data

ID
gantt/gantt-status-1
Access
pro
Created
Jul 30, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Gantt Status 1 component design & features

This example assigns distinct status colors to each feature and mirrors them in the sidebar dots and bar indicators.

Status-colored bars help teams scan progress across a roadmap without opening each item.