Perfect github repo cards!
npm install react-gh-repo-cards # npm
yarn add react-gh-repo-cards # yarn- NO external dependencies.
- Oh, Did I say, it's responsive? Yes it is! Just drop this component wherever you want, And it tries it's best to fit itself there.
- Looks exactly same as GitHub pinned repository cards (including hyper-links).
- Simple to use.
There are two props Loading, Error components to over-ride default components.
<RepoCards
repoDetails={...}
Loading={CustomLoadingComponent}
Error={CustomErrorComponent}
/>import RepoCards from "react-gh-repo-cards";
import "react-gh-repo-cards/dist/index.css";
const Cards = () => {
return (
<RepoCards
repoDetails={[
{
user: "FdelMazo",
repoName: "yamerecibi",
showFullTitle: true,
},
{
user: "CITIZENDOT",
repoName: "gh-info",
showFullTitle: true,
},
{
user: "CITIZENDOT",
repoName: "TestCode",
showFullTitle: false,
},
{
user: "CITIZENDOT",
repoName: "VCPicker",
showFullTitle: false,
},
]}
/>
);
};
export default Cards;MIT © Appaji