https://github.com/steven-mercatante/react-timeline

The easiest way to add a responsive and customizable timeline to React apps
https://github.com/steven-mercatante/react-timeline

react reactjs responsive responsive-grid responsive-layout timeline timeline-component

Last synced: about 2 months ago
JSON representation

The easiest way to add a responsive and customizable timeline to React apps

• Host: GitHub
• URL: https://github.com/steven-mercatante/react-timeline
• Owner: steven-mercatante
• Created: 2019-07-13T03:40:27.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T04:29:01.000Z (almost 2 years ago)
• Last Synced: 2024-10-11T13:12:08.330Z (2 months ago)
• Topics: react, reactjs, responsive, responsive-grid, responsive-layout, timeline, timeline-component
• Language: JavaScript
• Homepage: https://react-timeline.com
• Size: 11.5 MB
• Stars: 75
• Watchers: 2
• Forks: 1
• Open Issues: 33
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Timeline

[![npm badge](https://img.shields.io/npm/v/@merc/react-timeline)](https://www.npmjs.com/package/@merc/react-timeline)

[![travis badge](https://img.shields.io/travis/steven-mercatante/react-timeline)](https://travis-ci.org/steven-mercatante/react-timeline)

The easiest way to add responsive and customizable timelines to React apps.

**View the [documentation](https://react-timeline.com/) for detailed instructions and demos.**

## Installation

```bash

npm install @merc/react-timeline

# or

yarn add @merc/react-timeline

```

## Usage

```jsx

import React from 'react';

import {

  Timeline,

  Events,

  UrlButton,

  ImageEvent,

  TextEvent,

  YouTubeEvent,

} from '@merc/react-timeline';

export default function App() {

  return (

    

      

        

        

          


            

              View more undersea photos

            

          

        


        

      

    

  );

}

```