Timeline

Dados

Histórico de um registro, do mais novo para o mais antigo, com a cor do ponto dizendo o tipo do evento.

Substitui no Brain:fp-timelineActivityTimeline

Histórico

  1. Parceiro aprovado
    24/07/2026 · 16:41 · Comercial
    Cadastro validado e contrato assinado.
  2. Documentos recebidos
    23/07/2026 · 11:02
  3. Pendência no contrato
    22/07/2026 · 09:15
    Falta a assinatura do sócio.
  4. Pagamento recusado
    20/07/2026 · 18:30
  1. Parceiro aprovado
    24/07/2026 · 16:41 · Comercial
    Cadastro validado e contrato assinado.
  2. Documentos recebidos
    23/07/2026 · 11:02
  3. Pendência no contrato
    22/07/2026 · 09:15
    Falta a assinatura do sócio.
  4. Pagamento recusado
    20/07/2026 · 18:30
import { Timeline } from "@paytime/ui";

export default function Example() {
  return (
    <Timeline
      events={[
        { id: "1", tone: "success", title: "Parceiro aprovado", meta: "24/07/2026 · 16:41 · Comercial", description: "Cadastro validado e contrato assinado." },
        { id: "2", title: "Documentos recebidos", meta: "23/07/2026 · 11:02" },
        { id: "3", tone: "warning", title: "Pendência no contrato", meta: "22/07/2026 · 09:15", description: "Falta a assinatura do sócio." },
        { id: "4", tone: "error", title: "Pagamento recusado", meta: "20/07/2026 · 18:30" },
      ]}
    />
  );
}