Did you ever need this country selector component? Maybe for the country or for the phone code or maybe something else. Seems to be a trivial task but you can not just drop-in this component in your codebase, typically you also need to copy the folder with assets (flags). Also if you want to use native select because of a11y or because of you believe that native elements provide a better user experience, you can not use flag images.
And I had this strange idea: what if we will use emojis instead of images. Out of simple curiosity, I built the React component: react-simple-country-select. It is a simple HTML select and emojis, so it is really lightweight and easy to setup and use. Check it out and tell what do you think.
| iOS | Android | Desktop |
|---|---|---|
 |
 |
 |
Top comments (2)
Yes, almost all flags are part of Emoji 1.0 standard (except England, Scotland and Wales which are included as part of Emoji 5.0).
Seems like how it should of been done from the beginning haha