Gantt (Zeitplan) — component.gantt
Projekt-Zeitplan als Balkendiagramm: Zeilen mit Aufgaben, Zeitachse in Tagen/Wochen, farbige Balken (Ton aus Tokens), Fortschritts-Füllung, Heute-Linie und Meilenstein-Rauten
Componentv1.0.0Datenweb.applicationdesktop.shellbuilder.preview
Beispiele
Projektplan über 4 Wochen mit Fortschritt, Meilenstein und Heute-Linie
KW 32KW 33KW 34KW 35
Konzept
Bausteine bauen
Datenanbindung
Abnahme
Livegang
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
start * | string | — |
days | number | 28 |
today | string | "" |
scale | string: day | week | "week" |
rows * | array | — |
Events & Slots
Events: select
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--gantt-label-width | calc(var(--size-40) + var(--size-8)) |
--gantt-tone | var(--color-action-primary) |
Genutzte Design-Tokens
border.hairline color.accent color.action.primary color.border.default color.status.danger color.status.success color.status.warning color.surface.default color.text.default color.text.muted focus.ring-color focus.ring-offset focus.ring-width font.family.default leading.tight radius.control radius.surface size.1 size.10 size.2 size.3 size.32 size.4 size.40 size.5 size.6 size.8 text.sm text.xs