@salmanul/react-simple-timeline

React Simple Timeline

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

Contents

• Getting Started
• Usage

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')
)