https://github.com/tverdohleb/react-trivial-timeline

React vertical timeline component
https://github.com/tverdohleb/react-trivial-timeline

react timeline timeline-component vertical vertical-timeline

Last synced: about 2 months ago
JSON representation

React vertical timeline component

• Host: GitHub
• URL: https://github.com/tverdohleb/react-trivial-timeline
• Owner: tverdohleb
• License: mit
• Created: 2018-10-07T22:49:50.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2024-10-21T07:30:13.000Z (2 months ago)
• Last Synced: 2024-10-21T10:36:06.273Z (2 months ago)
• Topics: react, timeline, timeline-component, vertical, vertical-timeline
• Language: JavaScript
• Homepage: https://master-react-trivial-timeline.now.sh/
• Size: 747 KB
• Stars: 13
• Watchers: 2
• Forks: 0
• Open Issues: 45
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# Trivial but powerful event timeline for react

[![CircleCI](https://circleci.com/gh/tverdohleb/react-trivial-timeline/tree/master.svg?style=svg)](https://circleci.com/gh/tverdohleb/react-trivial-timeline/tree/master)

[![npm version](https://badge.fury.io/js/react-trivial-timeline.svg)](https://badge.fury.io/js/react-trivial-timeline)

[![Maintainability](https://api.codeclimate.com/v1/badges/2e5c8c906d6a547ca10d/maintainability)](https://codeclimate.com/github/tverdohleb/react-trivial-timeline/maintainability)

[![license](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/tverdohleb/react-trivial-timeline/blob/master/LICENSE.md)

## Demo

Visit [demo page](https://master-react-trivial-timeline.now.sh) to see component in action.

## Getting started

```

# via yarn

yarn add react-trivial-timeline

# via npm

npm install --save react-trivial-timeline 

```

`react-trivial-timeline` has `react`, `react-dom`, `prop-types` and `styled-components` as peer dependencies.

## Usage

```

import { Timeline, Event } from 'react-trivial-timeline';

ReactDOM.render(

  


    

        

          Content

        

        

          Some content

        

      

  
,

  document.getElementById('root')

);

```