{"id":14384772,"url":"https://github.com/skratchdot/react-github-corner","last_synced_at":"2025-04-05T12:04:56.726Z","repository":{"id":40910523,"uuid":"47723764","full_name":"skratchdot/react-github-corner","owner":"skratchdot","description":"Add a Github banner to your project page. A React version of: https://github.com/tholman/github-corners / See also: http://projects.skratchdot.com/react-github-corner/","archived":false,"fork":false,"pushed_at":"2022-12-07T23:05:02.000Z","size":3502,"stargazers_count":178,"open_issues_count":19,"forks_count":13,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-01T05:01:48.039Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/skratchdot.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-12-09T22:45:02.000Z","updated_at":"2024-03-29T22:01:50.000Z","dependencies_parsed_at":"2023-01-24T02:00:21.025Z","dependency_job_id":null,"html_url":"https://github.com/skratchdot/react-github-corner","commit_stats":null,"previous_names":[],"tags_count":10,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skratchdot%2Freact-github-corner","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skratchdot%2Freact-github-corner/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skratchdot%2Freact-github-corner/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skratchdot%2Freact-github-corner/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/skratchdot","download_url":"https://codeload.github.com/skratchdot/react-github-corner/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247332602,"owners_count":20921853,"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":[],"created_at":"2024-08-28T18:01:39.551Z","updated_at":"2025-04-05T12:04:56.705Z","avatar_url":"https://github.com/skratchdot.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# react-github-corner\n\n[![NPM version](https://badge.fury.io/js/react-github-corner.svg)](http://badge.fury.io/js/react-github-corner)\n[![Dependency Status](https://david-dm.org/skratchdot/react-github-corner.svg)](https://david-dm.org/skratchdot/react-github-corner)\n[![devDependency Status](https://david-dm.org/skratchdot/react-github-corner/dev-status.svg)](https://david-dm.org/skratchdot/react-github-corner#info=devDependencies)\n\n[![NPM](https://nodei.co/npm/react-github-corner.png)](https://npmjs.org/package/react-github-corner)\n\n\n## Description\n\nAdd a Github banner to your project page. A React version of:\n\n- [https://github.com/tholman/github-corners](https://github.com/tholman/github-corners)\n\n\n## Getting Started\n\nInstall the module with: `npm install --save react-github-corner`\n\n\n## Usage\n\n```javascript\nimport React, { Component } from 'react';\nimport GithubCorner from 'react-github-corner';\nexport default class MyApp extends Component {\n  render() {\n    return (\n      \u003cdiv\u003e\n        \u003cheader\u003eWow\u003c/header\u003e\n        \u003cdiv\u003eCool\u003c/div\u003e\n        \u003cfooter\u003eNeat\u003c/footer\u003e\n        \u003cGithubCorner href=\"https://github.com/username/repo\" /\u003e\n      \u003c/div\u003e\n    );\n  }\n}\n```\n\n\n## Documentation\n\nHere are the props you can pass to the `GithubCorner` instance:\n\n| Property Name | Type | Default Value | Description |\n|:-------------:|:----:|:-------------:|-------------|\n| href | String | '/' | The link to your project page |\n| size | Number or String | 80 | The width and height of the banner |\n| direction | String | 'right' | Whether the banner shows up on the right or left |\n| octoColor | String | '#fff' | The CSS color of the Octocat |\n| bannerColor | String | '#151513' | The CSS color of the banner |\n| ariaLabel | String | 'Open GitHub project' | The aria-label for a11y support |\n| className | String | undefined | Additional class names to be merged with the `github-corner` default |\n| svgStyle | Object | undefined | Custom styles to apply to the main `svg` element |\n\nAny additional props will be added to the `\u003ca /\u003e` tag that is rendered.\nFor instance, you can do:\n```\n\u003cGithubCorner style=\"display:none\" /\u003e\n```\nand the `style` attribute will be rendered (which will hide the element).\n\n\n## Links\n\n- [Source Code](https://github.com/skratchdot/react-github-corner/)\n- [Project Page](http://projects.skratchdot.com/react-github-corner/)\n- [Project Page Source](https://github.com/skratchdot/react-github-corner/tree/gh-pages)\n\n\n## License\nCopyright (c) 2015 [skratchdot](http://skratchdot.com/)  \nLicensed under the [MIT license](LICENSE-MIT).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fskratchdot%2Freact-github-corner","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fskratchdot%2Freact-github-corner","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fskratchdot%2Freact-github-corner/lists"}