Minimal Responsive Timeline Component For Vue

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,
      }]
    }
  },
}

Preview:

Minimal Responsive Timeline Component For Vue

Download Details:

Author: 0xdv

Live Demo: https://0xdv.github.io/vue-timeline-component/index.html

Download Link: https://github.com/0xdv/vue-timeline-component/archive/refs/heads/master.zip

Official Website: https://github.com/0xdv/vue-timeline-component

Install & Download:

# NPM
$ npm i vue-timeline-component

You Might Be Interested In:

Add Comment