fork-me-corner
fork-me-corner is a react component available on npm to easily link to your project on github and is made using React, TypeScript and styled-components.
And you can configure the component as you like by changing the background color by passing a string with a hex code to a bgColor property just as you can change the color of the GitHub logo by passing an octoColor property. In addition you can pass to a prideFlag property the name of 17 LGBTQIA+ flags available in the component and you can pass to a flagDirection property the vertical or horizontal properties to determine in which direction the flag will appear in the component background.
You can test, visualize, generate and copy the component on fork-me-corner playground
Install
npm i fork-me-corner
or
yarn add fork-me-corner
Usage
import { ForkMe } from 'fork-me-corner';
const App = () => (
<ForkMe repo="https://github.com/user/repo" />
)
You can also pass bgColor prop as a hexadecimal string to change the color of background, and octoColor to change the color of octocat!
import { ForkMe } from 'fork-me-corner';
const App = () => (
<ForkMe
repo="https://github.com/user/repo"
bgColor="#282a36"
octoColor="#ff79c6"
/>
)
Examples
Basic corner configs
| name | |
|---|---|
| default corner |  |
| colored corner |  |
With LGBTQIA+ configs
| flag | flag | |||
|---|---|---|---|---|
| lgbtqia_plus |  |
genderqueer |  |
|
| agender |  |
lesbian |  |
|
| androgyne |  |
neutrois |  |
|
| aromantic |  |
nonbinary |  |
|
| assexual |  |
pansexual |  |
|
| bisexual |  |
philly |  |
|
| demiboy |  |
polysexual |  |
|
| demigirl |  |
transgender |  |
|
| genderfluid |  |
1 Sep 1, 2022
2 Mar 23, 2022
1 Jan 3, 2022
7.9k Dec 31, 2022
6 Mar 9, 2022
136 Dec 30, 2022
4 Nov 28, 2022
3 Feb 12, 2022
1 Jan 2, 2022
1 Jul 23, 2022
14 Oct 3, 2022
12.7k Jan 4, 2023
14.8k Jan 4, 2023
75.8k Jan 4, 2023
94 Nov 30, 2022
24 Nov 23, 2022
1 Dec 25, 2022
27 Dec 10, 2022
6 Aug 12, 2022