/hexadeciman-react-github-contribution-calendar

A React component for GitHub-like heatmap calendar

Primary LanguageHTML

react-github-contribution-calendar

npm version

A responsive react component for GitHub-like heatmap calendar

Built for React 18.

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