{"id":20169936,"url":"https://github.com/cnocon/react-github-stats-card-v2","last_synced_at":"2025-07-03T18:09:19.729Z","repository":{"id":124609317,"uuid":"325573795","full_name":"cnocon/react-github-stats-card-v2","owner":"cnocon","description":"React component for a little GitHub Stats card Node package.","archived":false,"fork":false,"pushed_at":"2021-04-13T03:22:26.000Z","size":6725,"stargazers_count":5,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-11T23:02:54.686Z","etag":null,"topics":["github-api-v3","github-stats-card","npm","npm-package","react"],"latest_commit_sha":null,"homepage":"https://react-github-stats-card-v2-demo.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cnocon.png","metadata":{"files":{"readme":"README.html","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-12-30T14:40:29.000Z","updated_at":"2024-01-27T10:31:29.000Z","dependencies_parsed_at":null,"dependency_job_id":"93edd501-3416-4291-b3ba-37f9477faaf5","html_url":"https://github.com/cnocon/react-github-stats-card-v2","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/cnocon/react-github-stats-card-v2","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cnocon%2Freact-github-stats-card-v2","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cnocon%2Freact-github-stats-card-v2/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cnocon%2Freact-github-stats-card-v2/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cnocon%2Freact-github-stats-card-v2/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cnocon","download_url":"https://codeload.github.com/cnocon/react-github-stats-card-v2/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cnocon%2Freact-github-stats-card-v2/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259599327,"owners_count":22882355,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["github-api-v3","github-stats-card","npm","npm-package","react"],"created_at":"2024-11-14T01:14:26.494Z","updated_at":"2025-07-03T18:09:19.713Z","avatar_url":"https://github.com/cnocon.png","language":"JavaScript","readme":"\u003c!DOCTYPE html\u003e\n    \u003chtml\u003e\n    \u003chead\u003e\n        \u003cmeta charset=\"UTF-8\"\u003e\n        \u003ctitle\u003eReact GitHub Stats Card \u0026lpar;v2\u0026rpar;\u003c/title\u003e\n        \u003cstyle\u003e\n/* From extension bierner.markdown-checkbox */\n.contains-task-list {\n    padding-left: 0;\n}\n\n.contains-task-list li {\n    margin-left: 24px;\n}\n\n.contains-task-list .task-list-item {\n    list-style: none;\n    padding-left: 0;\n    margin-left: 0;\n}\n\n.contains-task-list .contains-task-list {\n    padding-left: 20px;\n} \n/* From extension bierner.markdown-preview-github-styles */\nbody {\n    background: white;\n}\n\n.vscode-body {\n    box-sizing: border-box;\n    min-width: 200px;\n    max-width: 980px;\n    margin: 0 auto;\n    padding: 40px;\n    border: 1px solid transparent;\n}\n\n.vscode-body blockquote {\n    background-color: initial;\n}\n\n.vscode-body pre {\n    color: initial;\n    background: #f7f7f7 !important;\n}\n\n.vscode-body code {\n    color: inherit;\n}\n\n.vscode-body pre code {\n    color: initial;\n}\n\n.vscode-body code \u003e div {\n    background: none\n}\n\n.vscode-body table th,\n.vscode-body table td {\n    border: 1px solid #ddd !important;\n}\n\n.vscode-body.showEditorSelection .code-active-line:before {\n\tborder-left: 3px solid rgba(0, 0, 0, 0.15);\n}\n\n.vscode-body.showEditorSelection .code-line:hover:before {\n\tborder-left: 3px solid rgba(0, 0, 0, 0.40);\n}\n\n.vscode-body.showEditorSelection .code-line .code-line:hover:before {\n\tborder-left: none;\n}\n\n.vscode-body p,\n.vscode-body blockquote,\n.vscode-body ul,\n.vscode-body ol,\n.vscode-body dl,\n.vscode-body table,\n.vscode-body pre {\n  margin-top: 16px;\n  margin-bottom: 16px;\n}\n\nbody.vscode-body::-webkit-scrollbar {\n    background-color: white;\n}\nbody.vscode-body::-webkit-scrollbar-thumb {\n    background-color: rgba(100, 100, 100, 0.4);\n}\nbody.vscode-body::-webkit-scrollbar-thumb:hover {\n    background-color: rgba(100, 100, 100, 0.7);\n}\n\n/* Generated from 'node_modules/github-markdown-css/github-markdown.css' */\n@font-face {\n  font-family: octicons-link;\n  src: url(data:font/woff;charset=utf-8;base64,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) format('woff');\n}\n\n.vscode-body {\n  -ms-text-size-adjust: 100%;\n  -webkit-text-size-adjust: 100%;\n  line-height: 1.5;\n  color: #24292e;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  font-size: 16px;\n  line-height: 1.5;\n  word-wrap: break-word;\n}\n\n.vscode-body .pl-c {\n  color: #6a737d;\n}\n\n.vscode-body .pl-c1,\n.vscode-body .pl-s .pl-v {\n  color: #005cc5;\n}\n\n.vscode-body .pl-e,\n.vscode-body .pl-en {\n  color: #6f42c1;\n}\n\n.vscode-body .pl-smi,\n.vscode-body .pl-s .pl-s1 {\n  color: #24292e;\n}\n\n.vscode-body .pl-ent {\n  color: #22863a;\n}\n\n.vscode-body .pl-k {\n  color: #d73a49;\n}\n\n.vscode-body .pl-s,\n.vscode-body .pl-pds,\n.vscode-body .pl-s .pl-pse .pl-s1,\n.vscode-body .pl-sr,\n.vscode-body .pl-sr .pl-cce,\n.vscode-body .pl-sr .pl-sre,\n.vscode-body .pl-sr .pl-sra {\n  color: #032f62;\n}\n\n.vscode-body .pl-v,\n.vscode-body .pl-smw {\n  color: #e36209;\n}\n\n.vscode-body .pl-bu {\n  color: #b31d28;\n}\n\n.vscode-body .pl-ii {\n  color: #fafbfc;\n  background-color: #b31d28;\n}\n\n.vscode-body .pl-c2 {\n  color: #fafbfc;\n  background-color: #d73a49;\n}\n\n.vscode-body .pl-c2::before {\n  content: \"^M\";\n}\n\n.vscode-body .pl-sr .pl-cce {\n  font-weight: bold;\n  color: #22863a;\n}\n\n.vscode-body .pl-ml {\n  color: #735c0f;\n}\n\n.vscode-body .pl-mh,\n.vscode-body .pl-mh .pl-en,\n.vscode-body .pl-ms {\n  font-weight: bold;\n  color: #005cc5;\n}\n\n.vscode-body .pl-mi {\n  font-style: italic;\n  color: #24292e;\n}\n\n.vscode-body .pl-mb {\n  font-weight: bold;\n  color: #24292e;\n}\n\n.vscode-body .pl-md {\n  color: #b31d28;\n  background-color: #ffeef0;\n}\n\n.vscode-body .pl-mi1 {\n  color: #22863a;\n  background-color: #f0fff4;\n}\n\n.vscode-body .pl-mc {\n  color: #e36209;\n  background-color: #ffebda;\n}\n\n.vscode-body .pl-mi2 {\n  color: #f6f8fa;\n  background-color: #005cc5;\n}\n\n.vscode-body .pl-mdr {\n  font-weight: bold;\n  color: #6f42c1;\n}\n\n.vscode-body .pl-ba {\n  color: #586069;\n}\n\n.vscode-body .pl-sg {\n  color: #959da5;\n}\n\n.vscode-body .pl-corl {\n  text-decoration: underline;\n  color: #032f62;\n}\n\n.vscode-body .octicon {\n  display: inline-block;\n  vertical-align: text-top;\n  fill: currentColor;\n}\n\n.vscode-body a {\n  background-color: transparent;\n}\n\n.vscode-body a:active,\n.vscode-body a:hover {\n  outline-width: 0;\n}\n\n.vscode-body strong {\n  font-weight: inherit;\n}\n\n.vscode-body strong {\n  font-weight: bolder;\n}\n\n.vscode-body h1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n.vscode-body img {\n  border-style: none;\n}\n\n.vscode-body code,\n.vscode-body kbd,\n.vscode-body pre {\n  font-family: monospace, monospace;\n  font-size: 1em;\n}\n\n.vscode-body hr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n}\n\n.vscode-body input {\n  font: inherit;\n  margin: 0;\n}\n\n.vscode-body input {\n  overflow: visible;\n}\n\n.vscode-body [type=\"checkbox\"] {\n  box-sizing: border-box;\n  padding: 0;\n}\n\n.vscode-body * {\n  box-sizing: border-box;\n}\n\n.vscode-body input {\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n}\n\n.vscode-body a {\n  color: #0366d6;\n  text-decoration: none;\n}\n\n.vscode-body a:hover {\n  text-decoration: underline;\n}\n\n.vscode-body strong {\n  font-weight: 600;\n}\n\n.vscode-body hr {\n  height: 0;\n  margin: 15px 0;\n  overflow: hidden;\n  background: transparent;\n  border: 0;\n  border-bottom: 1px solid #dfe2e5;\n}\n\n.vscode-body hr::before {\n  display: table;\n  content: \"\";\n}\n\n.vscode-body hr::after {\n  display: table;\n  clear: both;\n  content: \"\";\n}\n\n.vscode-body table {\n  border-spacing: 0;\n  border-collapse: collapse;\n}\n\n.vscode-body td,\n.vscode-body th {\n  padding: 0;\n}\n\n.vscode-body h1,\n.vscode-body h2,\n.vscode-body h3,\n.vscode-body h4,\n.vscode-body h5,\n.vscode-body h6 {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.vscode-body h1 {\n  font-size: 32px;\n  font-weight: 600;\n}\n\n.vscode-body h2 {\n  font-size: 24px;\n  font-weight: 600;\n}\n\n.vscode-body h3 {\n  font-size: 20px;\n  font-weight: 600;\n}\n\n.vscode-body h4 {\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.vscode-body h5 {\n  font-size: 14px;\n  font-weight: 600;\n}\n\n.vscode-body h6 {\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.vscode-body p {\n  margin-top: 0;\n  margin-bottom: 10px;\n}\n\n.vscode-body blockquote {\n  margin: 0;\n}\n\n.vscode-body ul,\n.vscode-body ol {\n  padding-left: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.vscode-body ol ol,\n.vscode-body ul ol {\n  list-style-type: lower-roman;\n}\n\n.vscode-body ul ul ol,\n.vscode-body ul ol ol,\n.vscode-body ol ul ol,\n.vscode-body ol ol ol {\n  list-style-type: lower-alpha;\n}\n\n.vscode-body dd {\n  margin-left: 0;\n}\n\n.vscode-body code {\n  font-family: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace;\n  font-size: 12px;\n}\n\n.vscode-body pre {\n  margin-top: 0;\n  margin-bottom: 0;\n  font-family: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace;\n  font-size: 12px;\n}\n\n.vscode-body .octicon {\n  vertical-align: text-bottom;\n}\n\n.vscode-body .pl-0 {\n  padding-left: 0 !important;\n}\n\n.vscode-body .pl-1 {\n  padding-left: 4px !important;\n}\n\n.vscode-body .pl-2 {\n  padding-left: 8px !important;\n}\n\n.vscode-body .pl-3 {\n  padding-left: 16px !important;\n}\n\n.vscode-body .pl-4 {\n  padding-left: 24px !important;\n}\n\n.vscode-body .pl-5 {\n  padding-left: 32px !important;\n}\n\n.vscode-body .pl-6 {\n  padding-left: 40px !important;\n}\n\n.vscode-body::before {\n  display: table;\n  content: \"\";\n}\n\n.vscode-body::after {\n  display: table;\n  clear: both;\n  content: \"\";\n}\n\n.vscode-body\u003e*:first-child {\n  margin-top: 0 !important;\n}\n\n.vscode-body\u003e*:last-child {\n  margin-bottom: 0 !important;\n}\n\n.vscode-body a:not([href]) {\n  color: inherit;\n  text-decoration: none;\n}\n\n.vscode-body .anchor {\n  float: left;\n  padding-right: 4px;\n  margin-left: -20px;\n  line-height: 1;\n}\n\n.vscode-body .anchor:focus {\n  outline: none;\n}\n\n.vscode-body p,\n.vscode-body blockquote,\n.vscode-body ul,\n.vscode-body ol,\n.vscode-body dl,\n.vscode-body table,\n.vscode-body pre {\n  margin-top: 0;\n  margin-bottom: 16px;\n}\n\n.vscode-body hr {\n  height: 0.25em;\n  padding: 0;\n  margin: 24px 0;\n  background-color: #e1e4e8;\n  border: 0;\n}\n\n.vscode-body blockquote {\n  padding: 0 1em;\n  color: #6a737d;\n  border-left: 0.25em solid #dfe2e5;\n}\n\n.vscode-body blockquote\u003e:first-child {\n  margin-top: 0;\n}\n\n.vscode-body blockquote\u003e:last-child {\n  margin-bottom: 0;\n}\n\n.vscode-body kbd {\n  display: inline-block;\n  padding: 3px 5px;\n  font-size: 11px;\n  line-height: 10px;\n  color: #444d56;\n  vertical-align: middle;\n  background-color: #fafbfc;\n  border: solid 1px #c6cbd1;\n  border-bottom-color: #959da5;\n  border-radius: 3px;\n  box-shadow: inset 0 -1px 0 #959da5;\n}\n\n.vscode-body h1,\n.vscode-body h2,\n.vscode-body h3,\n.vscode-body h4,\n.vscode-body h5,\n.vscode-body h6 {\n  margin-top: 24px;\n  margin-bottom: 16px;\n  font-weight: 600;\n  line-height: 1.25;\n}\n\n.vscode-body h1 .octicon-link,\n.vscode-body h2 .octicon-link,\n.vscode-body h3 .octicon-link,\n.vscode-body h4 .octicon-link,\n.vscode-body h5 .octicon-link,\n.vscode-body h6 .octicon-link {\n  color: #1b1f23;\n  vertical-align: middle;\n  visibility: hidden;\n}\n\n.vscode-body h1:hover .anchor,\n.vscode-body h2:hover .anchor,\n.vscode-body h3:hover .anchor,\n.vscode-body h4:hover .anchor,\n.vscode-body h5:hover .anchor,\n.vscode-body h6:hover .anchor {\n  text-decoration: none;\n}\n\n.vscode-body h1:hover .anchor .octicon-link,\n.vscode-body h2:hover .anchor .octicon-link,\n.vscode-body h3:hover .anchor .octicon-link,\n.vscode-body h4:hover .anchor .octicon-link,\n.vscode-body h5:hover .anchor .octicon-link,\n.vscode-body h6:hover .anchor .octicon-link {\n  visibility: visible;\n}\n\n.vscode-body h1 {\n  padding-bottom: 0.3em;\n  font-size: 2em;\n  border-bottom: 1px solid #eaecef;\n}\n\n.vscode-body h2 {\n  padding-bottom: 0.3em;\n  font-size: 1.5em;\n  border-bottom: 1px solid #eaecef;\n}\n\n.vscode-body h3 {\n  font-size: 1.25em;\n}\n\n.vscode-body h4 {\n  font-size: 1em;\n}\n\n.vscode-body h5 {\n  font-size: 0.875em;\n}\n\n.vscode-body h6 {\n  font-size: 0.85em;\n  color: #6a737d;\n}\n\n.vscode-body ul,\n.vscode-body ol {\n  padding-left: 2em;\n}\n\n.vscode-body ul ul,\n.vscode-body ul ol,\n.vscode-body ol ol,\n.vscode-body ol ul {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.vscode-body li {\n  word-wrap: break-all;\n}\n\n.vscode-body li\u003ep {\n  margin-top: 16px;\n}\n\n.vscode-body li+li {\n  margin-top: 0.25em;\n}\n\n.vscode-body dl {\n  padding: 0;\n}\n\n.vscode-body dl dt {\n  padding: 0;\n  margin-top: 16px;\n  font-size: 1em;\n  font-style: italic;\n  font-weight: 600;\n}\n\n.vscode-body dl dd {\n  padding: 0 16px;\n  margin-bottom: 16px;\n}\n\n.vscode-body table {\n  display: block;\n  width: 100%;\n  overflow: auto;\n}\n\n.vscode-body table th {\n  font-weight: 600;\n}\n\n.vscode-body table th,\n.vscode-body table td {\n  padding: 6px 13px;\n  border: 1px solid #dfe2e5;\n}\n\n.vscode-body table tr {\n  background-color: #fff;\n  border-top: 1px solid #c6cbd1;\n}\n\n.vscode-body table tr:nth-child(2n) {\n  background-color: #f6f8fa;\n}\n\n.vscode-body img {\n  max-width: 100%;\n  box-sizing: content-box;\n  background-color: #fff;\n}\n\n.vscode-body img[align=right] {\n  padding-left: 20px;\n}\n\n.vscode-body img[align=left] {\n  padding-right: 20px;\n}\n\n.vscode-body code {\n  padding: 0.2em 0.4em;\n  margin: 0;\n  font-size: 85%;\n  background-color: rgba(27,31,35,0.05);\n  border-radius: 3px;\n}\n\n.vscode-body pre {\n  word-wrap: normal;\n}\n\n.vscode-body pre\u003ecode {\n  padding: 0;\n  margin: 0;\n  font-size: 100%;\n  word-break: normal;\n  white-space: pre;\n  background: transparent;\n  border: 0;\n}\n\n.vscode-body .highlight {\n  margin-bottom: 16px;\n}\n\n.vscode-body .highlight pre {\n  margin-bottom: 0;\n  word-break: normal;\n}\n\n.vscode-body .highlight pre,\n.vscode-body pre {\n  padding: 16px;\n  overflow: auto;\n  font-size: 85%;\n  line-height: 1.45;\n  background-color: #f6f8fa;\n  border-radius: 3px;\n}\n\n.vscode-body pre code {\n  display: inline;\n  max-width: auto;\n  padding: 0;\n  margin: 0;\n  overflow: visible;\n  line-height: inherit;\n  word-wrap: normal;\n  background-color: transparent;\n  border: 0;\n}\n\n.vscode-body .full-commit .btn-outline:not(:disabled):hover {\n  color: #005cc5;\n  border-color: #005cc5;\n}\n\n.vscode-body kbd {\n  display: inline-block;\n  padding: 3px 5px;\n  font: 11px \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace;\n  line-height: 10px;\n  color: #444d56;\n  vertical-align: middle;\n  background-color: #fafbfc;\n  border: solid 1px #d1d5da;\n  border-bottom-color: #c6cbd1;\n  border-radius: 3px;\n  box-shadow: inset 0 -1px 0 #c6cbd1;\n}\n\n.vscode-body :checked+.radio-label {\n  position: relative;\n  z-index: 1;\n  border-color: #0366d6;\n}\n\n.vscode-body .task-list-item {\n  list-style-type: none;\n}\n\n.vscode-body .task-list-item+.task-list-item {\n  margin-top: 3px;\n}\n\n.vscode-body .task-list-item input {\n  margin: 0 0.2em 0.25em -1.6em;\n  vertical-align: middle;\n}\n\n.vscode-body hr {\n  border-bottom-color: #eee;\n}\n\n/*\n\ngithub.com style (c) Vasily Polovnyov \u003cvast@whiteants.net\u003e\n\n*/\n\n.hljs {\n  display: block;\n  overflow-x: auto;\n  padding: 0.5em;\n  color: #333;\n  background: #f8f8f8;\n}\n\n.hljs-comment,\n.hljs-quote {\n  color: #998;\n  font-style: italic;\n}\n\n.hljs-keyword,\n.hljs-selector-tag,\n.hljs-subst {\n  color: #333;\n  font-weight: bold;\n}\n\n.hljs-number,\n.hljs-literal,\n.hljs-variable,\n.hljs-template-variable,\n.hljs-tag .hljs-attr {\n  color: #008080;\n}\n\n.hljs-string,\n.hljs-doctag {\n  color: #d14;\n}\n\n.hljs-title,\n.hljs-section,\n.hljs-selector-id {\n  color: #900;\n  font-weight: bold;\n}\n\n.hljs-subst {\n  font-weight: normal;\n}\n\n.hljs-type,\n.hljs-class .hljs-title {\n  color: #458;\n  font-weight: bold;\n}\n\n.hljs-tag,\n.hljs-name,\n.hljs-attribute {\n  color: #000080;\n  font-weight: normal;\n}\n\n.hljs-regexp,\n.hljs-link {\n  color: #009926;\n}\n\n.hljs-symbol,\n.hljs-bullet {\n  color: #990073;\n}\n\n.hljs-built_in,\n.hljs-builtin-name {\n  color: #0086b3;\n}\n\n.hljs-meta {\n  color: #999;\n  font-weight: bold;\n}\n\n.hljs-deletion {\n  background: #fdd;\n}\n\n.hljs-addition {\n  background: #dfd;\n}\n\n.hljs-emphasis {\n  font-style: italic;\n}\n\n.hljs-strong {\n  font-weight: bold;\n}\n\n\u003c/style\u003e\n        \n        \n        \u003cstyle\u003e\n.task-list-item { list-style-type: none; } .task-list-item-checkbox { margin-left: -20px; vertical-align: middle; }\n\u003c/style\u003e\n        \n        \n        \n    \u003c/head\u003e\n    \u003cbody class=\"vscode-body vscode-light\"\u003e\n        \u003ch1 id=\"react-github-stats-card-v2\"\u003eReact GitHub Stats Card (v2)\u003c/h1\u003e\n\u003cp\u003e\u003cimg src=\"https://raw.githubusercontent.com/cnocon/react-github-stats-card-v2/master/component-screenshot.png\" alt=\"Screenshot of component\"\u003e\u003c/p\u003e\n\u003ch2 id=\"installation\"\u003eInstallation\u003c/h2\u003e\n\u003col\u003e\n\u003cli\u003eInstall the package via npm.\u003c/li\u003e\n\u003c/ol\u003e\n\u003cpre\u003e\u003ccode class=\"language-bash\"\u003e\u003cdiv\u003enpm install react-github-stats-card-v2\n\u003c/div\u003e\u003c/code\u003e\u003c/pre\u003e\n\u003col start=\"2\"\u003e\n\u003cli\u003eImport the component to file you want to use it in.\u003c/li\u003e\n\u003c/ol\u003e\n\u003cpre\u003e\u003ccode class=\"language-js\"\u003e\u003cdiv\u003e\u003cspan class=\"hljs-keyword\"\u003eimport\u003c/span\u003e { Card } \u003cspan class=\"hljs-keyword\"\u003efrom\u003c/span\u003e \u003cspan class=\"hljs-string\"\u003e\u0026#x27;react-github-stats-card-v2\u0026#x27;\u003c/span\u003e;\n\u003c/div\u003e\u003c/code\u003e\u003c/pre\u003e\n\u003col start=\"3\"\u003e\n\u003cli\u003ePlace the component on the page.\u003c/li\u003e\n\u003c/ol\u003e\n\u003cul\u003e\n\u003cli\u003e\u003ccode\u003eusername\u003c/code\u003e is a required prop. Example: \u003ccode\u003eusername=\u0026quot;cnocon\u0026quot;\u003c/code\u003e\u003c/li\u003e\n\u003cli\u003e\u003ccode\u003etheme\u003c/code\u003e is an optional prop that defaults to false if not explicitly passed. Example \u003ccode\u003etheme={true}\u003c/code\u003e\u003c/li\u003e\n\u003cli\u003e\u003ccode\u003eaccessToken\u003c/code\u003e is an optional prop that will raise your rate limit if you start encountering rate limiting errors in your application. Example \u003ccode\u003eaccessToken=\u0026quot;abcdefghijklmnopqrstuv12345678910\u0026quot;\u003c/code\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cpre\u003e\u003ccode class=\"language-js\"\u003e\u003cdiv\u003e\u0026lt;Card \n  username=A-GITHUB-USERNAME \n  theme={\u003cspan class=\"hljs-literal\"\u003etrue\u003c/span\u003e} \n  accessToken=MY-GITHUB-PERSONAL-ACCESS-TOKEN \n/\u0026gt;\n\u003c/div\u003e\u003c/code\u003e\u003c/pre\u003e\n\u003ch2 id=\"using-storybook\"\u003eUsing Storybook\u003c/h2\u003e\n\u003col\u003e\n\u003cli\u003eClone this repository and cd into the root directory:\u003c/li\u003e\n\u003c/ol\u003e\n\u003cpre\u003e\u003ccode class=\"language-bash\"\u003e\u003cdiv\u003egit \u003cspan class=\"hljs-built_in\"\u003eclone\u003c/span\u003e git@github.com:cnocon/react-github-stats-card-v2.git\n\u003cspan class=\"hljs-built_in\"\u003ecd\u003c/span\u003e react-github-stats-card-v2\n\u003c/div\u003e\u003c/code\u003e\u003c/pre\u003e\n\u003col start=\"2\"\u003e\n\u003cli\u003eRun \u003ccode\u003enpm install\u003c/code\u003e from the project root.\u003c/li\u003e\n\u003c/ol\u003e\n\u003cpre\u003e\u003ccode class=\"language-bash\"\u003e\u003cdiv\u003enpm install\n\u003c/div\u003e\u003c/code\u003e\u003c/pre\u003e\n\u003col start=\"3\"\u003e\n\u003cli\u003eRun \u003ccode\u003enpm start\u003c/code\u003e\u003c/li\u003e\n\u003c/ol\u003e\n\u003cpre\u003e\u003ccode class=\"language-bash\"\u003e\u003cdiv\u003enpm start\n\u003c/div\u003e\u003c/code\u003e\u003c/pre\u003e\n\n    \u003c/body\u003e\n    \u003c/html\u003e","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcnocon%2Freact-github-stats-card-v2","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcnocon%2Freact-github-stats-card-v2","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcnocon%2Freact-github-stats-card-v2/lists"}