# 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>