Skip to content

Props

Component Props

ParameterTypeDefault ValueDescription
startDatestringrequiredThe start date of the Gantt chart, in YYYY-MM-DD format.
endDatestringrequiredThe end date of the Gantt chart, in YYYY-MM-DD format.
rowHeightnumber36The height of each row in pixels.
headHeightnumber32The height of the header section in pixels.
colWidthnumber32The width of each time unit (e.g., day or month) in pixels.
rowActiveBackgroundColorstring#cbe3f1The background color of the active (selected) row.
rowActiveBorderColorstring#a4cee7The border color of the active row.
cellUnit"day" or "month""day"Specifies whether the time axis is displayed by day or by month.
leftWidthnumber200The width of the left sidebar in pixels.
dataGantt[]requiredThe array of Gantt chart data. See Gantt interface for details.

Gantt Interface

ParameterTypeDefault ValueDescription
namestringrequiredThe name of the Gantt chart.
projectsProject[]requiredAn array of Project objects.
[key: string]any-Allows additional custom properties.

Project Interface

ParameterTypeDefault ValueDescription
namestringrequiredThe name of the project.
startDatestringrequiredThe start date of the project in YYYY-MM-DD format.
endDatestringrequiredThe end date of the project in YYYY-MM-DD format.
backgroundstringundefinedThe background color for the project bar in the Gantt chart.
colorstringundefinedThe text color for the project bar in the Gantt chart.