A reusable React component for displaying a Github-like calendar graph with customizable colors.
To install the package, use npm:
npm install github-calendar-component
First, import the component into your project:
import {Gitgraph} from 'github-calendar-component';
Using the Component
import React from 'react';
import {Gitgraph} from 'github-calendar-component';
// Sample test data
const testData = [
{ date: '2022-01-01T00:00:00.000Z', checked: true },
{ date: '2022-01-02T00:00:00.000Z', checked: false },
// More data...
];
const App = () => {
return (
<div>
<Gitgraph showMonthNames={true} color="blue" data={testData} />
</div>
);
};
export default App; Prop Type Description Default showMonthNames boolean Determines whether month names are displayed. false color string The color to apply for checked dates. #39d353 data Array An array of objects containing date and checked properties. [ ] seperateMonths boolean Determinne whether there is space between each month false
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4