github-profile-card-component
Simple Github Profile Card. It is made of React and Typescript
Install
npm install -S github-profile-card-component
Usage
Github Users Api responses are displayed and props are displayed as fallback when the api call fails.
Scripts
General Case
<div id="github-profile-card" data-id="simsimjae" /><script src="https://unpkg.com/github-profile-card-component@latest/lib/scripts/index.js"></script>
if data-id is not found, then fallback data attributes applied
<div id="github-profile-card" data-id="if it is undefined" data-color="blue" data-profile-src="https://placehold.it/50x50" data-name="nickname" data-introduce="introduce yourself" data-repository-count="111" data-following-count="222" data-follower-count="333" /><script src="https://unpkg.com/github-profile-card-component@latest/lib/scripts/index.js"></script>
Components
Props
width: string;height: string;background: string; // card theme backgroundcolor: string; // card theme colorname?: string; // (fallback) github nameid: string; // (required) github idprofileSrc?: string; // fallback github profile urlrepositoryCount?: number; // fallback github repository countfollowerCount?: number; // fallback follower countfollowingCount?: number; // fallback following countintroduce?: string; // fallback introduce yourselfonClickCard?: any; // (default) go to githubisSSR?: boolean; // (default) false, should component render in serverisCircleImage?: boolean; // (default) false