Skip to content
A React component for GitHub-like heatmap calendar
HTML TypeScript JavaScript CSS
Branch: master
Clone or download

Latest commit

Latest commit c0cf631 Oct 4, 2019

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github/workflows Add github actions Oct 3, 2019
example Remove css Oct 3, 2019
src Allow various date format Oct 4, 2019
.gitignore Fix gitignore Oct 3, 2019
README.md Remove css Oct 3, 2019
package-lock.json Remove moment dependency Oct 4, 2019
package.json Update version Oct 4, 2019
tsconfig.json Use react-measure Oct 4, 2019

README.md

react-github-contribution-calendar

npm version

A responsive react component for GitHub-like heatmap calendar

Demo

Demo and documents

Usage

// 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

You can’t perform that action at this time.