Code Monkey home page Code Monkey logo

paper-countries's Introduction

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

paper-countries

Example

<paper-countries label="Country name" placeholder="Enter country name..."></paper-countries>

About

paper-countries is a typeahead component based on Polymer; it allows users to select a country from a list. Think of it as a fun and interactive version of the select input field. We at Blue Water Tracks developed it because we were bored with the usual dropdowns selects fields and wanted to something that was fun using Polymer.

Credit goes out to the creators of flag-icon-css without which we never would have had those beautiful flags.

paper-countries

Installation

The element can be installed using bower

bower install paper-countries

If you want to save it in bower.json file, remember to add flag --save

bower install --save paper-countries

Usage

  • Following code is required to place in the polymer web component.
	<paper-countries country="[[country]]" auto-validate="true"></paper-countries>

Demo

Documentation and Demo

To run the demo locally, install using the installation command above and then go into the components folder and run polymer serve

Contributors

@bhargavkonkathi Programming is like playing chess; each line is as important as each step to determine what kind of player or programmer you are. When ever not playing chess, it's Javascript, Java and mongodb.
@maisnamraju Javascript Ninja; saving the world with one line of javascript at a time. ;)
@dhrytsenko What is my opinion about JavaScript, NodeJS, MongoDB and Polymer? Building blocks to the future! Allowing me to help make the world a better place.

Pull Requests are welcome

If you feel that you have something that could improve the component, please feel free to send a PR or create an issue with an explanation.

License

This project is licensed under the terms of the MIT license.

paper-countries's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

paper-countries's Issues

Country correction

Hi,
I found two countries that need correction. {name: 'Serbia and Montenegro', code: 'CS'} needs to break to {name: 'Serbia', code: 'RS'}, and {name: 'Montenegro', code: 'ME'}

Auto select with tab key issue.

Try giving India in the country name, and press tab without any click it is selecting British Indian Ocean Territory as country, this might problem when users in hurry, wants to complete country by just hitting tab and proceed with next filed in the form. It was working nice in Polymer 1 version, It would be nice if we solve this issue in version 2, which will also improvise user experience.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.