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