@cnocon/react-github-stats-card

0.1.0 • Public • Published

GitHub Stats Card for React

Pass a GitHub username and a boolean for whether or not you want the theme to be used, and get this:

Widget Screenshot

Installation

npm install @cnocon/react-github-stats-card

Example:

The Card function returns a functional React Component. Imports will be updated in the future to get rid of using dist.

import Card from '@cnocon/react-github-stats-card/dist/Card';

function myComponent() {
  return <Card username='cnocon' theme={true} />
}

Note: If you run into rate limiting errors from GitHub, you can pass your personal access token, demonstrated below, to increase that limit. Be sure to keep any hardcoded access token values out of your code!

import Card from '@cnocon/react-github-stats-card/dist/Card';

function myComponent() {
  return <Card username='cnocon' theme={true} accessToken=MY_ACCESS_TOKEN/>
}

Package Sidebar

Install

npm i @cnocon/react-github-stats-card

Weekly Downloads

4

Version

0.1.0

License

MIT

Unpacked Size

207 kB

Total Files

22

Last publish

Collaborators

  • cnocon