svelte-github-corners

Add a Github corner to your project page

Preview Example: Svelte Playground

Installation

Add svelte-github-corners to your project:

npm i -D svelte-github-corners

Usage

<script>
  import { GitHubCorners } from 'svelte-github-corners';
</script>

<GitHubCorners 
  position="top-right"
  href="https://github.com/GreenestGoat/svelte-github-corners" 
/>

Svelte Props

Property Name Type Default Value Description
href String - The link to your project page.
size String 80 The width and height of the corner.
bgColor String #151513 The background color of the corner.
color String #fff The Github logo color of the corner.
target String _blank Where to open the link.
position String top-left/top-right/bottom-left/bottom-right The position of corner.

Development

git clone https://github.com/GreenestGoat/svelte-github-corners.git
cd svelte-github-corners
npm install
npm run dev -- --open

Contributors

Contributions are welcome! Please feel free to Fork the project and submit a Pull Request.

License

Licensed under the MIT License.

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes