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

Country list with dial code and flag

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

Installation

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>

Via NPM

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

// js
import CountryList from 'country-list-with-dial-code-and-flag'

// ts
import CountryList, { Country } from 'country-list-with-dial-code-and-flag'

CountryList.getAll() // Response => Array<Country>
CountryList.findOneByCountryCode('MM') // Response => Country
CountryList.findOneByDialCode('+95') // Response => Country
CountryList.findByDialCode('+95') // Response => Array<Country>
CountryList.findByKeyword('united') // Response => Array<Country>

Country Flag SVG (optional)

import CountryFlagSvg from 'country-list-with-dial-code-and-flag/dist/flag-svg'

const myanmar = CountryList.findOneByCountryCode('mm')
if(myanmar) {
    const flagSvg = CountryFlagSvg[myanmar.code] // .js
    const flagSvg = CountryFlagSvg[myanmar.code as never] // .ts
    console.log(flagSvg) // it return svg string
}

Available Functions

Function	Description
getAll	get all available countries
findOneByCountryCode	find country by ISO 3166-1 alpha-2
findOneByDialCode	find country by dial code Eg.
findByDialCode	find countries by dial code Eg.
findByKeyword	find countries with keyword Eg.

Example response

[
 { "name": "Afghanistan", "dial_code": "+93", "code": "AF", "flag": "🇦🇫" },
 { "name": "Myanmar", "dial_code": "+95", "code": "MM", "flag": "🇲🇲" }
 ...
]

Development

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