timelinezz

React Timeline

Use:

<Timelinezz
   data={[
      { date: '01/02/2019 10:10', label: 'Primeiro evento' },
      { date: '02/02/2019 14:50', label: 'Segundo evento negativo', color: '#c0392b' },
      { date: '03/02/2019 11:02', label: 'Terceiro evento positivo', color: '#27ae60' },
      { date: '05/02/2019 09:55', label: 'Quarto evento positivo', color: '#16a085' },
      { date: '05/02/2019 19:10', label: 'Quinto evento positivo', color: '#2980b9' },
   ]}
/>

OR:

<Timelinezz
   data={[
      { date: '01/02/2019 10:10', label: 'Primeiro evento' },
      { date: '02/02/2019 14:50', label: 'Segundo evento negativo', color: '#c0392b' },
      { date: '03/02/2019 11:02', label: 'Terceiro evento positivo', color: '#27ae60' },
      { date: '05/02/2019 09:55', label: 'Quarto evento positivo', color: '#16a085' },
      { date: '05/02/2019 19:10', label: 'Quinto evento positivo', color: '#2980b9' },
   ]}
   order='desc'
/>