github-corner

Custom element for GitHub corner

Usage no npm install needed!

<script type="module">
  import githubCorner from 'https://cdn.skypack.dev/github-corner';
</script>

README

This builds on the work of tholman.

See the demo.

Installation

<!-- Custom Elements polyfill (2.9KB) -->
<script src="https://unpkg.com/@webcomponents/custom-elements@1.0.0-alpha.3"></script>

<!-- our custom element's source (6.1KB) -->
<script src="https://unpkg.com/github-corner@2.0.3"></script>

Basic usage

<github-corner>
  <a href="https://github.com/aaronshaf/github-corner-element">GitHub</a>
</github-corner>

Specify colors:

<github-corner fill="white" color="black">
  <a href="https://github.com/aaronshaf/github-corner-element">GitHub</a>
 </github-corner>

Move it to the left:

<github-corner position="left">
  <a href="https://github.com/aaronshaf/github-corner-element">GitHub</a>
</github-corner>