DEV Community

Cover image for Strange idea for the country selector
stereobooster
stereobooster

Posted on

Strange idea for the country selector

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
ios screenshot android screenshot desktop screenshot

Top comments (2)

Collapse
 
stereobooster profile image
stereobooster

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).

Emoji Version 1.0
The first release of emoji documentation from Unicode, which includes all emojis approved between 2010—2015.

Published in August 2015, this primarily includes emojis from Unicode 6.0, Unicode 6.1, and clarified which of the new pictographic characters from Unicode 7.0 and Unicode 8.0 would be recommended for emoji presentation.

Collapse
 
awwcookies profile image
AwwCookies

Seems like how it should of been done from the beginning haha