Skip to content

samiheikki/pokemon-selector

Repository files navigation

Published on Vaadin  Directory Stars on vaadin.com/directory Bower version Published on webcomponents.org

<pokemon-selector>

Live Demo ↗

<pokemon-selector> is an HTML element for selecting a Pokémon from a dropdown list.

<pokemon-selector></pokemon-selector>

Screenshot of pokemon-selector

Install

bower install pokemon-selector

Usage

<html>
  <head>
    <!-- Import Web Components Polyfill -->
    <script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
    <!-- Import pokemon-selector -->
    <link rel="import" href="bower_components/pokemon-selector/pokemon-selector.html">
  </head>
  <pokemon-selector region="kanto"></pokemon-selector>
</html>

Contributing

  1. Fork the pokemon-selector repository and clone it locally.

  2. When in the pokemon-selector directory, run bower install to install dependencies.

  3. Create a pull request :)

Running demos in browser

  1. Install Polymer CLI: npm install -g polymer-cli

  2. When in the pokemon-selector directory, run polymer serve --o, browser will automatically open the component API documentation.

  3. You can also open demo by adding demo to the URL, for example: