React-timelines.js NPM

React Timelines

yarn add react-timelines

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

5 years ago