Minimal Responsive Timeline Component For Vue

Install & Download:

# NPM
$ npm i vue-timeline-component

Description:

A lightweight, responsive, scrollable timeline component for Vue.

How to use it:

1. Import the timeline component.

import VueTimeline from "vue-timeline-component";

export default {
  name: 'App',
  components: {
    VueTimeline
  },
}

2. Add the vue-timeline to the template.

<vue-timeline :data="events"></vue-timeline>

export default {
  name: 'App',
  components: {
    VueTimeline
  },
  data() {
    return {
      events: [{
        name: "Event 1",
        start: startDate,
        end: EndData,
      },{
        name: "Event 2",
        start: startDate,
        end: EndData,
      },{
        name: "Event 3",
        start: startDate,
        end: EndData,
      }]
    }
  },
}