Contribution Heatmap Calendar Component For React

Just another Github inspired contribution heatmap calendar component for React app.

How to use it:

1. Install the component.

# Yarn
$ yarn add contribution-heatmap

# NPM
$ npm i contribution-heatmap

2. Import the Heatmap component.

import { Heatmap } from "contribution-heatmap"

3. Add a heatmap to your app.

function App() {
  return (
    <div className="App">
      <Heatmap />
    </div>
  );
}
export default App;

4. Available component props.

data: Data
children?: React.ReactNode
loading?: boolean
transformData?: (data: Data) => Data

Preview:

Contribution Heatmap Calendar Component For React

Download Details:

Author: KnowsCount

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/KnowsCount/contribution-heatmap

License: MIT

Tags:

Add Comment