Skip to content

zzarcon/react-gh-corner

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

27 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

react-gh-corner Build Status

React portals + Github corners + Styled component = πŸ’˜

demo

Demo 🍿

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

Install πŸš€

$ yarn add react-gh-corner

Usage ⛏

Basic

import GHCorner from 'react-gh-corner';

<GHCorner href="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/zzarcon/react-gh-corner" />

Custom

import GHCorner from 'react-gh-corner';

<GHCorner
  href="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/zzarcon/react-gh-corner"
  position="top-right"
  bgColor="hotpink"
  size={250}
  ariaLabel="Check my project"
  openInNewTab={true}
/>

Api πŸ“š

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

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

See example/ for full example.

Author

@zzarcon