wc-dev-stats

Dev Stats WebComponents

Usage no npm install needed!

<script type="module">
  import wcDevStats from 'https://cdn.skypack.dev/wc-dev-stats';
</script>

README

Dev Stats WebComponents

Example usage

Github Stats

<github-stats username="your-github-username"></github-stats>

API Document for github-stats component.

Github Streak Stats

<github-streak-stats username="your-github-username"></github-streak-stats>

API Document for github-streak-stats component.

Github Top Languages

<github-top-langs username="your-github-username" layout="compact" langs-count="10"></github-top-langs>

API Document for github-top-langs component.

Wakatime Stats

<wakatime-stats username="your-wakatime-username" layout="default"></wakatime-stats>

API Document for wakatime-stats component.

Using this component

Using in popular javascript frameworks or libraries

Script tag

  • Put a script tag below in the head of your index.html
<script type="module" src="https://unpkg.com/wc-dev-stats/dist/wc-dev-stats/wc-dev-stats.esm.js"></script>
  • Then you can use the element anywhere in your template, JSX, html etc

Node Modules

  • Run
npm install wc-dev-stats --save
  • Put a script tag below in the head of your index.html
<script type="module" src="node_modules/wc-dev-stats/dist/wc-dev-stats/wc-dev-stats.esm.js"></script>
  • Then you can use the element anywhere in your template, JSX, html etc

In a stencil-starter app

  • Run
npm install wc-dev-stats --save
  • Add an import to the npm packages
import wc-dev-stats;
  • Then you can use the element anywhere in your template, JSX, html etc

API Docs

Contributing