All Projects → bluewatertracks → paper-countries

bluewatertracks / paper-countries

Licence: MIT license
Select Dropdown with list of countries with flags and autocomplete

Programming Languages

HTML
75241 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to paper-countries

Vaadin Charts
Vaadin Charts is a feature-rich interactive graph library that answers the data visualization needs of modern web applications
Stars: ✭ 47 (+193.75%)
Mutual labels:  web-component, polymer, web-components
Paper Timezone
Polymer based timezone selection component
Stars: ✭ 19 (+18.75%)
Mutual labels:  web-component, polymer, web-components
vaadin-board
Web Component for creating flexible responsive layouts and building nice looking dashboards.
Stars: ✭ 17 (+6.25%)
Mutual labels:  web-component, web-components
eslint-plugin-lit
lit-html support for ESLint
Stars: ✭ 90 (+462.5%)
Mutual labels:  polymer, web-components
nuxeo-ui-elements
Library of UI web components
Stars: ✭ 20 (+25%)
Mutual labels:  polymer, web-components
page-title
A Polymer element for easily updating a webpage's title, such as in a SPA.
Stars: ✭ 13 (-18.75%)
Mutual labels:  polymer, web-components
fullcalendar-calendar
Web Component wrapper for FullCalendar
Stars: ✭ 21 (+31.25%)
Mutual labels:  polymer, web-components
vaadin-dialog
High quality web component for modal dialogs. Part of the Vaadin platform.
Stars: ✭ 15 (-6.25%)
Mutual labels:  web-component, polymer
mc-viewer
🌐🏠 A Web Component for visualizing Minecraft schematics
Stars: ✭ 25 (+56.25%)
Mutual labels:  polymer, web-components
scheduler-component
A Web Component wrapper for FullCalendar library that uses Polymer version 2.0 and ES6.
Stars: ✭ 24 (+50%)
Mutual labels:  polymer, web-components
x-play
🎼 🎶 🎵 🎹 🎻 🎷 🎺 🎸
Stars: ✭ 23 (+43.75%)
Mutual labels:  polymer, web-components
polymer-2-carousel
Codelab
Stars: ✭ 18 (+12.5%)
Mutual labels:  polymer, web-components
chat-window
A simple and flexible chat window for listing messages.
Stars: ✭ 27 (+68.75%)
Mutual labels:  polymer, web-components
Vidyano
Vidyano Web²
Stars: ✭ 29 (+81.25%)
Mutual labels:  web-component, polymer
ibm-toolbar
Horizontal toolbar containing items that can be used for label, navigation, search and actions
Stars: ✭ 18 (+12.5%)
Mutual labels:  polymer, web-components
resizable-panels
Web Component that allows to resize its childrens vertically or horizontally
Stars: ✭ 18 (+12.5%)
Mutual labels:  web-component, polymer
abdonrd.com
My little personal website
Stars: ✭ 16 (+0%)
Mutual labels:  polymer, web-components
nuxeo-elements
Nuxeo web components
Stars: ✭ 23 (+43.75%)
Mutual labels:  polymer, web-components
Html Midi Player
🎹 Play and display MIDI files on the web
Stars: ✭ 158 (+887.5%)
Mutual labels:  web-component, web-components
Vaadin Date Picker
The Web Component providing a date selection field with scrollable month calendar. Part of the Vaadin components.
Stars: ✭ 158 (+887.5%)
Mutual labels:  web-component, polymer

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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].