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.