🐥 Combo Box Selector for Pokémons. Yep, there's an element for that.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo
.gitignore
LICENSE.txt
README.md
SCREENSHOT.png
bower.json
index.html
pokemon-item.html
pokemon-selector.html

README.md

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: