Add a Github banner to your project page. A React version of: https://github.com/tholman/github-corners
npm install react-github-corner
Add a Github banner to your project page. A React version of:
- https://github.com/tholman/github-corners
Install the module with: npm install --save react-github-corner
``javascript`
import React, { Component } from 'react';
import GithubCorner from 'react-github-corner';
export default class MyApp extends Component {
render() {
return (
Cool
);
}
}
Here are the props you can pass to the GithubCorner instance:
| Property Name | Type | Default Value | Description |
|:-------------:|:----:|:-------------:|-------------|
| href | String | '/' | The link to your project page |
| size | Number or String | 80 | The width and height of the banner |
| direction | String | 'right' | Whether the banner shows up on the right or left |
| octoColor | String | '#fff' | The CSS color of the Octocat |
| bannerColor | String | '#151513' | The CSS color of the banner |
| ariaLabel | String | 'Open GitHub project' | The aria-label for a11y support |
| className | String | undefined | Additional class names to be merged with the github-corner default |svg
| svgStyle | Object | undefined | Custom styles to apply to the main element |
Any additional props will be added to the tag that is rendered.`
For instance, you can do:
and the
- Source Code
- Project Page
- Project Page Source