react-responsive-timeline v0.1.5

react-responsive-timeline

Simple responsive timeline implemented in ReactJS

Demo

Live demo:

• codesanbox: https://codesandbox.io/s/react-responsive-timeline-q8vsn
• stackblitz: https://stackblitz.com/edit/react-responsive-timeline

To run demo on your computer:

• Clone this repository
• yarn install
• yarn run dev

Screenshot

pivot: vertical

direction: left

pivot: vertical

direction: center

tooltip: true

Usage

You can combine pivot and direction together

Simple timeline

import { Timeline } from 'react-responsive-timeline';

<Timeline
  pivot="vertical"
  direction="left"
  tooltip={true}
  textLimit="none"
  timelines={[
    {
      title: 'C.A. Alexander, A Pattern Language, New York,, 1977.',
      sub: '10 May 2020',
    },
    {
      title: 'E. Yourdon, L. Constantine, Structured Design, N.J.,, 1978.',
      sub: '12 May 2020',
    },
    {
      title: 'C.A. Alexander, The Timeless Way of Building, New York,, 1979.',
      sub: '05 July 2020',
    }
  ]} />

Props

Author

• Tony Nguyen - nhattruong1811@gmail.com

License

MIT