necessarylion/country-list-with-dial-code-and-flag

Country Flag with Dial Number Code

Country list with dial code and flag

This package provide all country list with their flag emoji, flag svg and dial number code.

Full Documentation

Installation

Via NPM

npm install country-list-with-dial-code-and-flag

Via CDN

<script src="https://cdn.jsdelivr.net/npm/country-list-with-dial-code-and-flag/dist/main.js"></script>

Country Flag SVG (optional)

<script src="https://cdn.jsdelivr.net/npm/country-list-with-dial-code-and-flag/dist/country-flag-svg.js"></script>

<div id="flag"></div>
<script>
  const mm = window.CountryList.findOneByCountryCode('mm')
  document.getElementById('flag').innerHTML = window.CountryFlagSvg[mm.code]
</script>

Development

Want to contribute? Great! Fork the repo and create PR to us.

country-list-with-dial-code-and-flag's Issues

How to use the emoji for loading the flag icons?

Support React Native Import

I tried using this inside a RN project with require and import methods but it failed with some error about __esModule being invalid.

My guess is this is designed more with browsers in mind.

How to load the images?

Is there any example on how to display flags?

If there is no way to display flag with this package, we just need index.js file not entire package.

Wrong and missing dial codes

Hello, I discovered 2 errors in your data:

Wrong dial code:
❌ +595 is duplicated by Paraguay and Guayana in your data file
✅ Prefix por Paraguay is +595 and for Guyana is +592

Missing country:
⚠️ South Sudan 🇸🇸 (+211) is missing . It's different country as Sudan (Sudan is included)

Icon Missing

How to get icons along with the raw data?
There should be icons I did not find it.

Add country name with local language

Objective

Add country name with local language

Example

{ name: 'Myanmar', 'local_name' : 'မြန်မာ', dial_code: '+95', code: 'MM', flag: '🇲🇲' },
{ name: 'Thailand', 'local_name' : 'ประเทศไทย', dial_code: '+66', code: 'TH', flag: '🇹🇭' },

Random flags

When i search for a flag still random flag appears

How to render flag value 🇳🇵 in html ?

I want to know how can we render flag from the flag code ??

Countries with multiple area codes are restricted to a single area code

Countries like the Dominican Republic and Jamaica have several area codes but the library has chosen one of several and forced it... can we either get additional countries added for the variety of area codes OR (preferably) remove the area code either entirely or remove the area code when there are multiple for a given country?

Full list of country codes can be found here with area codes being broken out into parentheses when applicable:
https://en.wikipedia.org/wiki/List_of_country_calling_codes

Emoji displaying

I see, that you've already answered on issues like that, but it IS here. They are partially displayed. And when they are not, the text is displayed. Like on the attached screenshot. I am using Angular.

Missing countries

• CW (Curacao)
• SX (Sint Maarten)
• XK (Kosovo)
• EH (Western Sarah) - although it's still fought over
• IC (Canary Islands) - debatable (you can find it here though)

I have a similar list here. I was also missing a few which I got from you: https://github.com/vanniktech/multiplatform-locale/pull/71/files