<script
  src="https://unpkg.com/github-link/dist/esm/github-link.js"
  type="module"
></script>

<github-link url="https://github.com/ivgtr/github-link" />

Demo

demo

Usages

Script tag

• Set a script tag like this. <script src="https://unpkg.com/github-link/dist/esm/github-link.js" type="module"></script>
• Call <github-link /> at any place.

Vue

• Install it with npm i github-link --save
• Call the loader as follows.

<script>
import { applyPolyfills, defineCustomElements } from 'github-link/loader'

applyPolyfills().then(() => {
  defineCustomElements()
})

export default {
  name: "App"
}
</script>

<templeate>
  <div id="app">
    <github-link url="https://github.com/ivgtr/github-link" />
  </div>
</templeate>

React

• Install it with npm i github-link --save
• Call the loader as follows

import { applyPolyfills, defineCustomElements } from 'github-link/loader'

applyPolyfills().then(() => {
  defineCustomElements()
});

export default function App() {
  return (
    <div className="App">
       <github-link url="https://github.com/ivgtr/github-link" />
    </div>
  );
}

Configs

| Property | Attribute | Description | Type | Default | | -------- | --------- | ----------------------------------------- | ----------------------- | ----------------------- | | mode | mode | Reverse to Lightmode and Darkmode Themes. | "normal" \| "reverse" | 'normal' | | url | url | The Github link you want to configure. | string | 'https://github.com/' |

License

MIT ©ivgtr