node package manager
Stop writing boring code. Discover, share, and reuse within your team. Create a free org »

vue-contribution-calendar

Vue Contribution Calendar

Vue component to reproduce github contribution calendar with zero dependecies.

Example: Example

Table of Contents

Install

    npm install vue-contribution-calendar

Usage

In any your vue file:

    <template>
        <contributionCalendar :history="history" :year="2016" :cellClick="someMethod" />
    </template>
 
    <script>
      import contributionCalendar from 'vue-contribution-calenadar';
 
      export default {
        components: {
          contributionCalendar
        },
        methods: {
          someMethod(date, value) {
            ...
          }
        },
        data() {
          return {
            history: {
              '20-12-2016': 7,
               ...
              '11-1-2016': 1 
            }
          }
        },
      }
    </script>

Contribute

Fork, run:

    npm run watch

and patch away.

License

MIT © Dmitri Kunin