Used for some parts of the Web-PaDaWaN (forked from https://github.com/JSainsburyPLC/react-timelines)
yarn add react-timelines
Or
npm install react-timelines
import Timeline from 'react-timelines'
const MyWidget = () => <Timeline {...props} />
export default MyWidget
Using Webpack
Using Webpack with CSS loader, add the following:
import 'react-timelines/lib/css/style.css';
Using Sass (SCSS)
Using Sass you can configure the timeline with variables:
$react-timelines-font-family: MaryAnn;
$react-timelines-sidebar-width: 320px;
@import '~/react-timelines/src/scss/style';
Without build tools
Create a CSS file with the contents of react-timelines/lib/css/style.css
and include it in <head>
yarn
Then:
yarn watch