Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

    react-github-contribution-calendarpublic

    react-github-contribution-calendar

    npm version

    A responsive react component for GitHub-like heatmap calendar

    Demo

    Demo and documents

    Usage

    <html>
      <head>
        <!-- load styles! -->
        <link rel="stylesheet" href="node_modules/react-github-contribution-calendar/default.css" type="text/css" />
      </head>
      <body>
        <div id="calendar"></div>
      </body>
      <script src="main.js"></script> 
    </html>
    // main.jsx
    import React from 'react';
    import ReactDOM from 'react-dom';
    import Calendar from 'react-github-contribution-calendar';
     
    var values = {
      '2016-06-23': 1,
      '2016-06-26': 2,
      '2016-06-27': 3,
      '2016-06-28': 4,
      '2016-06-29': 4
    }
    var until = '2016-06-30';
     
    var elem = document.getElementById('app');
    ReactDOM.render(<Calendar values={values} until={until} />, elem);

    Install

    npm i react-github-contribution-calendar --save

    Licence

    MIT

    Author

    haripo

    install

    npm i react-github-contribution-calendar

    Downloadslast 7 days

    10

    version

    1.0.0

    license

    MIT

    last publish

    collaborators

    • avatar