@averagemarcus/pokemon-tile

pokemon-tile

Web Component to display a tile showing a specific Pokémon. Make use of the PokéApi

Live Demo | NPM

Usage

1. Include a script reference to the module:

<script type="module" src="https://unpkg.com/@averagemarcus/pokemon-tile?module"></script>

2. Add a <pokemon-tile> element to your page

<pokemon-tile pokedex-id="25"></pokemon-tile>
<pokemon-tile pokemon-name="ditto"></pokemon-tile>
<pokemon-tile pokedex-id="6" shiny></pokemon-tile>

Contributions

Contributions welcome!

Found a bug? File an issue

Running locally

Once checked out:

1. npm install
2. npm run build
3. npm run serve

Credits

Huge thanks to the PokéApi for the data and images, and Nintendo, Game Freak and The Pokémon Company for an awesome series.