vanilla-timeline

Responsive timeline vanilla javascript component

Usage no npm install needed!

<script type="module">
  import vanillaTimeline from 'https://cdn.skypack.dev/vanilla-timeline';
</script>

README

vanilla-timeline

Vanilla es6 table timeline component

Code sample

    let targetDiv = document.getElementById('target-element')
    createBookingMap({
        el: targetDiv,
        data: timelineData // See in ./dist/sample/sample-data.json
    })

Adding dom events

    let subjectItem = 
        targetDiv.querySelector('[data-subject-item="ROOM-01"]');

    subjectItem.addEventListener('click', () => alert('Clicked!!'))

Installing

ES6 Modules

import timeline from 'vanilla-timeline'

Html import

<script src="./path/to/libs/vanilla-time.min.js"></script>