Gantt
Linha do tempo de etapas com barras, progresso dentro da barra, marcos e dependências desenhadas em SVG. A coluna com o nome fica fixa enquanto a linha do tempo rola na horizontal. Uma tabela equivalente fica disponível para leitores de tela.
Ciclo de um contrato
Da redação ao registro. A linha vermelha marca hoje e a escala troca entre dia, semana e mês. Clique numa barra ou num marco para abrir a etapa.
Etapa
Redação da minutaJurídico interno
Revisão jurídicaLuísa Andrade
Minuta aprovada
Envio do envelopeOperações
Coleta das assinaturas4 signatários
Registro em cartórioCartório do 2º Ofício
Contrato vigente
| Etapa | Início | Fim | Progresso | Depende de |
|---|---|---|---|---|
| Redação da minuta | 1 de outubro de 2026 | 7 de outubro de 2026 | 100% | — |
| Revisão jurídica | 8 de outubro de 2026 | 16 de outubro de 2026 | 70% | Redação da minuta |
| Minuta aprovada (marco) | 19 de outubro de 2026 | 19 de outubro de 2026 | — | Revisão jurídica |
| Envio do envelope | 19 de outubro de 2026 | 20 de outubro de 2026 | 0% | Minuta aprovada |
| Coleta das assinaturas | 20 de outubro de 2026 | 30 de outubro de 2026 | 0% | Envio do envelope |
| Registro em cartório | 3 de novembro de 2026 | 6 de novembro de 2026 | 0% | Coleta das assinaturas |
| Contrato vigente (marco) | 9 de novembro de 2026 | 9 de novembro de 2026 | — | Registro em cartório |
Nenhuma etapa aberta.
Escala por dia
Na escala de dia, os fins de semana ficam em fundo sutil. Sem onTaskClick, as barras são imagens com nome acessível.
Etapa do aditivo
Pedido de aditivo
Ajuste de cláusulas
Assinatura do aditivo
Aditivo arquivado
| Etapa do aditivo | Início | Fim | Progresso | Depende de |
|---|---|---|---|---|
| Pedido de aditivo | 5 de outubro de 2026 | 6 de outubro de 2026 | 100% | — |
| Ajuste de cláusulas | 7 de outubro de 2026 | 13 de outubro de 2026 | 100% | Pedido de aditivo |
| Assinatura do aditivo | 14 de outubro de 2026 | 17 de outubro de 2026 | 50% | Ajuste de cláusulas |
| Aditivo arquivado (marco) | 19 de outubro de 2026 | 19 de outubro de 2026 | — | Assinatura do aditivo |
Props
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| tasks | GanttTask[] | — | { id, name, start, end, progress?, tone?, milestone?, dependsOn?, owner? }. |
| scale | "day" | "week" | "month" | — | Escala controlada. Use com onScaleChange. |
| defaultScale | "day" | "week" | "month" | "week" | Escala inicial quando não controlada. |
| today | Date | new Date() | Posição da linha de hoje. A linha do tempo rola até ela ao abrir. |
| showToday | boolean | true | Mostra a linha e o rótulo de hoje. |
| onTaskClick | (task) => void | — | Torna barras e marcos botões. |
| label | string | "Cronograma" | Nome acessível do gráfico e legenda da tabela equivalente. |
| nameColumnLabel | string | "Etapa" | Título da coluna fixa. |