Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProA timeline of features across months, with a sidebar, markers and draggable bars.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Features take startAt, endAt and a status with a CSS colour (use a theme variable such as var(--chart-3) so it follows every preset). Moving or resizing a bar calls onMove(id, startAt, endAt); you own the state.
| Export | Description |
|---|---|
useGanttDragging | A part of the component; compose it with the others as shown in the usage example. |
useGanttScrollX | A part of the component; compose it with the others as shown in the usage example. |
GanttContentHeader | A part of the component; compose it with the others as shown in the usage example. |
GanttHeader | A part of the component; compose it with the others as shown in the usage example. |
GanttSidebarItem | A part of the component; compose it with the others as shown in the usage example. |
GanttSidebarHeader | A part of the component; compose it with the others as shown in the usage example. |
GanttSidebarGroup | A part of the component; compose it with the others as shown in the usage example. |
GanttSidebar | A part of the component; compose it with the others as shown in the usage example. |
GanttAddFeatureHelper | A part of the component; compose it with the others as shown in the usage example. |
GanttColumn | A part of the component; compose it with the others as shown in the usage example. |
GanttColumns | A part of the component; compose it with the others as shown in the usage example. |
GanttCreateMarkerTrigger | A part of the component; compose it with the others as shown in the usage example. |
GanttFeatureDragHelper | A part of the component; compose it with the others as shown in the usage example. |
GanttFeatureItemCard | A part of the component; compose it with the others as shown in the usage example. |
GanttFeatureItem | A part of the component; compose it with the others as shown in the usage example. |
GanttFeatureListGroup | A part of the component; compose it with the others as shown in the usage example. |
GanttFeatureRow | A part of the component; compose it with the others as shown in the usage example. |
GanttFeatureList | A part of the component; compose it with the others as shown in the usage example. |
GanttMarker | A part of the component; compose it with the others as shown in the usage example. |
GanttTimeline | A part of the component; compose it with the others as shown in the usage example. |
GanttToday | A part of the component; compose it with the others as shown in the usage example. |
GanttProvider | A part of the component; compose it with the others as shown in the usage example. |
The props are typed, and each part accepts the usual attributes of the element it renders.
The sidebar lists every item as text, which is the keyboard-friendly view of the schedule. Dragging bars to change dates is pointer-only, so offer a form or dialog for editing dates as well.
Based on Kibo UI (MIT), adapted for tealmac UI. See the third-party notices.