A react component for animated timelines.

Based on the CSS and Javascript template by George Martsoukos (CodePen).

For a full example see example/index.js.

Requirements: radium

import Timeline from 'timeline'

render(
  <StyleRoot>
    <Timeline>
      <div>Arbitrary entry</div>
      <div icon='x'>Arbitrary entry</div>
    </Timeline>
  </StyleRoot>
)

A custom icon can (optionally) be provided for each entry.

src/config.js holds the default configuration.

Alternative values can be passed to the <Timeline> component, e.g. <Timeline animations={false} to disable animations (far more efficient, as otherwise boundingRect of every entry is checked on every scroll event).