17

React Github Corners

 5 years ago
source link: https://www.tuicool.com/articles/hit/rYVf2yU
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

react-gh-corner

React portals + Github corners + Styled component = :cupid:

InIRF3q.gif

Demo

https://zzarcon.github.io/react-gh-corner

Install :rocket: 

$ yarn add react-gh-corner

Usage ⛏

Basic

import GHCorner from 'react-gh-corner';

<GHCorner href="https://github.com/zzarcon/react-gh-corner" />

Custom

import GHCorner from 'react-gh-corner';

<GHCorner
  href="https://github.com/zzarcon/react-gh-corner"
  positon="top-right"
  bgColor="hotpink"
  size={250}
  ariaLabel="Check my project"
/>

Api :books: 

type CornerPosition = 'top-right' | 'top-left';

interface Props {
  href: string;
  position?: CornerPosition;
  bgColor?: string;
  size?: number;
  ariaLabel?: string;
}

See example/ for full example.

Author

@zzarcon


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK