❤
npm
Sign UpSign In

react-timelines

2.6.1 • Public • Published

React Timelines CircleCI

Demo

Install

# with npm 
npm install react-timelines
 
# or with Yarn 
yarn add react-timelines

Use

import Timeline from 'react-timelines'
 
const MyWidget = () => <Timeline {...props} />
 
export default MyWidget

Styling

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>

Development

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.

Readme

Keywords

Package Sidebar

Install

npm i react-timelines

Repository

github.com/JSainsburyPLC/react-timelines

Homepage

github.com/JSainsburyPLC/react-timelines#readme

Weekly Downloads

1,086

Version

2.6.1

License

MIT

Unpacked Size

255 kB

Total Files

148

Last publish

Collaborators

  • atkinchris
  • js-luna
  • mikbeach
  • universal-render
  • will.bamford
Try on RunKit
Report malware