❤
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.

/react-timelines/

    Package Sidebar

    Install

    npm i react-timelines

    Repository

    github.com/JSainsburyPLC/react-timelines

    Homepage

    github.com/JSainsburyPLC/react-timelines#readme

    Weekly Downloads

    1,160

    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