React Document Timeline

Install

# with npm
npm install react-document-timeline

# or with Yarn
yarn add react-document-timeline

import TimelineComponent from 'react-document-timeline'

const MyWidget = () => <TimelineComponent {...props} />

export default MyWidget

Using Webpack with CSS loader, add the following:

import 'react-document-timeline/lib/style.css'

Using Sass you can configure the timeline with variables:

$react-timelines-font-family: MaryAnn;
$react-timelines-sidebar-width: 320px;

@import '~/react-document-timeline/src/scss/style';

Create a CSS file with the contents of react-timelines/lib/style.css and include it in <head>