@salmanul/react-simple-timeline
A simple Timeline Component using CSS.
Last updated 3 months ago by salmanul33 .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install @salmanul/react-simple-timeline 
SYNC missed versions from official npm registry.

React Simple Timeline

A modern and responsive React timeline component using basic CSS. Checkout the examples here!

Contents

Getting started

# via yarn
yarn add @salmanul/react-simple-timeline

# via npm
npm install --save @salmanul/react-simple-timeline

Usage

At the very minimum:

import Timeline from '@salmanul/react-simple-timeline';
import '@salmanul/react-simple-timeline/styles/index.css';

const data =  {
      status: "initialized",
      nodes: [
        {
          title: "Initialized",
          dataIndex: "initialized"
        },
        {
          title: "Acknowledged",
          dataIndex: "acknowledged"
        },
        {
          title: "Processed",
          dataIndex: "processed"
        }
      ]
    }

ReactDOM.render(
  <div>
    <Timeline
      mode='horizontal'
      data={data}
    />
  </div>,
  document.getElementById('root')
)

Current Tags

  • 1.9.1                                ...           latest (3 months ago)

11 Versions

  • 1.9.1                                ...           3 months ago
  • 1.9.0                                ...           3 months ago
  • 1.8.0                                ...           3 months ago
  • 1.7.0                                ...           3 months ago
  • 1.6.0                                ...           3 months ago
  • 1.5.0                                ...           3 months ago
  • 1.4.0                                ...           3 months ago
  • 1.3.0                                ...           3 months ago
  • 1.2.0                                ...           3 months ago
  • 1.1.0                                ...           3 months ago
  • 1.0.0                                ...           3 months ago

Copyright 2014 - 2016 © taobao.org |