Select Dropdown with list of countries with flags and autocomplete
[ This description is mirrored from README.md at github.com/bluewatertracks/paper-countries on 2019-05-10 ]
<paper-countries label="Country name" placeholder="Enter country name..."></paper-countries>
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.
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
bower install --save paper-countries
- Following code is required to place in the polymer web component.
<paper-countries country="[[country]]" auto-validate="true"></paper-countries>
- It is used to select timezone offset from dialog or dropdown. Check out the getting started guide.
To run the demo locally, install using the installation command above and then go into the components folder and run
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.
This project is licensed under the terms of the MIT license.
- polymer#1 - 2