# React Timelines [![CircleCI](https://circleci.com/gh/JSainsburyPLC/react-timelines.svg?style=svg)](https://circleci.com/gh/JSainsburyPLC/react-timelines) [**Demo**](https://jsainsburyplc.github.io/react-timelines/) ## Install ```sh # with npm npm install react-timelines # or with Yarn yarn add react-timelines ``` ## Use ```js import Timeline from 'react-timelines' const MyWidget = () => export default MyWidget ``` ## Styling ### Using Webpack Using Webpack with CSS loader, add the following: ```js import 'react-timelines/lib/css/style.css' ``` ### Using Sass (SCSS) Using Sass you can configure the timeline with variables: ```scss $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 `` ## Development ```sh npm install npm run watch ``` This library is developed using VSCode - opening it in VSCode will recommend extensions, and enable linting and auto-formatting of code.