1.0.22 • Published 3 years ago
github-profile-card-component v1.0.22
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 background
color: string; // card theme color
name?: string; // (fallback) github name
id: string; // (required) github id
profileSrc?: string; // fallback github profile url
repositoryCount?: number; // fallback github repository count
followerCount?: number; // fallback follower count
followingCount?: number; // fallback following count
introduce?: string; // fallback introduce yourself
onClickCard?: (...p: any[]) => any; // (default) go to github
isSSR?: boolean; // (default) false, should component render in server
isCircleImage?: boolean; // (default) false
License
1.0.22
3 years ago
1.0.21
3 years ago
1.0.20
4 years ago
1.0.19
4 years ago
1.0.18
4 years ago
1.0.17
4 years ago
1.0.16
4 years ago
1.0.15
4 years ago
1.0.14
4 years ago
1.0.13
4 years ago
1.0.11
4 years ago
1.0.12
4 years ago
1.0.10
4 years ago
1.0.9
4 years ago
1.0.8
4 years ago
1.0.7
4 years ago
1.0.6
4 years ago
1.0.5
4 years ago
1.0.4
4 years ago
1.0.3
4 years ago
1.0.2
4 years ago
1.0.1
4 years ago
1.0.0
4 years ago