An open API service indexing awesome lists of open source software.

https://github.com/stereobooster/react-simple-country-select


https://github.com/stereobooster/react-simple-country-select

Last synced: 2 months ago
JSON representation

Awesome Lists containing this project

README

        


react-simple-country-select

React component for country select



[![Build Status][build-badge]][build]
[![Code Coverage][coverage-badge]][coverage]
[![version][version-badge]][package]
[![downloads][downloads-badge]][npmtrends]
[![MIT License][license-badge]][license]

[![All Contributors](https://img.shields.io/badge/all_contributors-1-orange.svg?style=flat-square)](#contributors)
[![PRs Welcome][prs-badge]][prs]
[![Code of Conduct][coc-badge]][coc]

[![Watch on GitHub][github-watch-badge]][github-watch]
[![Star on GitHub][github-star-badge]][github-star]
[![Tweet][twitter-badge]][twitter]

## The problem

Simplest possible country selector with flags. Key idea is to use emojis instead of SVGs
and HTML select instead custom input.

iOS
Android
Desktop

ios screenshot
android screenshot
desktop screenshot

## Table of Contents

- [Installation](#installation)
- [Usage](#usage)
- [Other Solutions](#other-solutions)
- [Contributors](#contributors)
- [LICENSE](#license)

## Installation

This module is distributed via [npm][npm] which is bundled with [node][node] and
should be installed as one of your project's `dependencies`:

```
npm install --save react-simple-country-select
```

## Usage

// TODO

## Other Solutions

- [react-flags-select](https://ekwonye-richard.github.io/react-flags-select/)

## Contributors

Thanks goes to these people ([emoji key][emojis]):

| [
stereobooster](https://github.com/stereobooster)
[💻](https://github.com/stereobooster/react-simple-country-select/commits?author=stereobooster "Code") [📖](https://github.com/stereobooster/react-simple-country-select/commits?author=stereobooster "Documentation") [🚇](#infra-stereobooster "Infrastructure (Hosting, Build-Tools, etc)") |
| :---: |

This project follows the [all-contributors][all-contributors] specification.
Contributions of any kind welcome!

## LICENSE

MIT

[npm]: https://www.npmjs.com/
[node]: https://nodejs.org
[build-badge]: https://img.shields.io/travis/stereobooster/react-simple-country-select.svg?style=flat-square
[build]: https://travis-ci.org/stereobooster/react-simple-country-select
[coverage-badge]: https://img.shields.io/codecov/c/github/stereobooster/react-simple-country-select.svg?style=flat-square
[coverage]: https://codecov.io/github/stereobooster/react-simple-country-select
[version-badge]: https://img.shields.io/npm/v/react-simple-country-select.svg?style=flat-square
[package]: https://www.npmjs.com/package/react-simple-country-select
[downloads-badge]: https://img.shields.io/npm/dm/react-simple-country-select.svg?style=flat-square
[npmtrends]: http://www.npmtrends.com/react-simple-country-select
[license-badge]: https://img.shields.io/npm/l/react-simple-country-select.svg?style=flat-square
[license]: https://github.com/stereobooster/react-simple-country-select/blob/master/LICENSE
[prs-badge]: https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square
[prs]: http://makeapullrequest.com
[donate-badge]: https://img.shields.io/badge/$-support-green.svg?style=flat-square
[coc-badge]: https://img.shields.io/badge/code%20of-conduct-ff69b4.svg?style=flat-square
[coc]: https://github.com/stereobooster/react-simple-country-select/blob/master/other/CODE_OF_CONDUCT.md
[github-watch-badge]: https://img.shields.io/github/watchers/stereobooster/react-simple-country-select.svg?style=social
[github-watch]: https://github.com/stereobooster/react-simple-country-select/watchers
[github-star-badge]: https://img.shields.io/github/stars/stereobooster/react-simple-country-select.svg?style=social
[github-star]: https://github.com/stereobooster/react-simple-country-select/stargazers
[twitter]: https://twitter.com/intent/tweet?text=Check%20out%20react-simple-country-select%20by%20%40stereobooster%20https%3A%2F%2Fgithub.com%2Fstereobooster%2Freact-simple-country-select%20%F0%9F%91%8D
[twitter-badge]: https://img.shields.io/twitter/url/https/github.com/stereobooster/react-simple-country-select.svg?style=social
[emojis]: https://github.com/stereobooster/all-contributors#emoji-key
[all-contributors]: https://github.com/stereobooster/all-contributors