Country flags as a Vue Component

How to install

Get the package from NPM:

npm install vue-flag

How to use

Register VueFlag component in your app. You can use two approaches:

• in main.js you can mount it as a global Vue component:

import Vue from 'vue'
import VueFlag from 'vue-flag'
import 'vue-flag/dist/vue-flag.css'

Vue.component('VueFlag', VueFlag)

• in a specific component (e.g.: Component.vue):

import VueFlag from 'vue-flag'

new Vue({
    components: {
        VueFlag
    }
})

Then, after the proper mounting, in your template you can call it like this:

    <vue-flag country='hr' size='medium'/>
    <vue-flag country='fr' size='small'/>
    <vue-flag country='ru'/>

API

Mandatory properties

| Property | Description | Type | Value |:--|:--|:--|:--| | country | ISO 3166-1 identifier of the country | String | one of the values defined here |

Optional properties

| Property | Description | Type | Value |:--|:--|:--|:--| | size | Flag size | String | small, medium |

by default, the flag is displayed at normal size.

Available Flags

Here follows the list of the currently available flags. They are identified using the ISO 3166-1 standard.

• Afghanistan (af)
• Aland Islands (ax)
• Albania (al)
• Algeria (dz)
• American Samoa (as)
• Andorra (ad)
• Angola (ao)
• Anguilla (ai)
• Antigua and Barbuda (ag)
• Argentina (ar)
• Armenia (am)
• Aruba (aw)
• Australia (au)
• Austria (at)
• Azerbaijan (az)
• Bahamas (bs)
• Bahrain (bh)
• Bangladesh (bd)
• Barbados (bb)
• Belarus (by)
• Belgium (be)
• Belize (bz)
• Benin (bj)
• Bermuda (bm)
• Bhutan (bt)
• Bolivia (bo)
• Bosnia and Herzegovina (ba)
• Botswana (bw)
• Brazil (br)
• British Virgin Islands (vg)
• Brunei (bn)
• Bulgaria (bg)
• Burkina Faso (bf)
• Burma (mm)
• Burundi (bi)
• Cambodia (kh)
• Cameroon (cm)
• Canada (ca)
• Canary Islands (ic)
• Cape Verde (cv)
• Cayman Islands (ky)
• Central African Republic (cf)
• Chad (td)
• Chile (cl)
• China (cn)
• Colombia (co)
• Comoros (km)
• Cook Islands (ck)
• Costa Rica (cr)
• Croatia (hr)
• Cuba (cu)
• Curacao (cw)
• Cyprus (cy)
• Czech Republic (cz)
• Democratic Republic of the Congo (cd)
• Denmark (dk)
• Djibouti (dj)
• Dominica (dm)
• Dominican Republic (do)
• East Timor (tl)
• Ecuador (ec)
• Egypt (eg)
• El Salvador (sv)
• Equatorial Guinea (gq)
• Eritrea (er)
• Estonia (ee)
• Ethiopia (et)
• European Union (eu)
• Falkland Islands (Malvinas) (fk)
• Faroe Islands (fo)
• Fiji (fj)
• Finland (fi)
• France (fr)
• French Polynesia (pf)
• French Southern Territories (tf)
• Gabon (ga)
• Gambia (gm)
• Georgia (ge)
• Germany (de)
• Ghana (gh)
• Gibraltar (gi)
• Granada (gd)
• Greece (gr)
• Greenland (gl)
• Guam (gu)
• Guatemala (gt)
• Guernsey (gg)
• Guinea (gn)
• Guinea-Bissau (gw)
• Guyana (gy)
• Haiti (ht)
• Honduras (hn)
• Hong Kong (hk)
• Hungary (hu)
• Iceland (is)
• India (in)
• Indonesia (id)
• Iran (go)
• Iraq (iq)
• Ireland (ie)
• Isle of Man (im)
• Israel (il)
• Italy (it)
• Ivory Coast (ci)
• Jamaica (jm)
• Japan (jp)
• Jersey (je)
• Jordan (jo)
• Kazakhstan (kz)
• Kenya (ke)
• Kiribati (ki)
• Kuwait (kw)
• Kyrgyzstan (kg)
• Laos (the)
• Latvia (lv)
• Lebanon (lb)
• Lesotho (ls)
• Liberia (lr)
• Libya (ly)
• Liechtenstein (li)
• Lithuania (lt)
• Luxembourg (lu)
• Macao (mo)
• Macedonia (mk)
• Madagascar (mg)
• Malawi (mw)
• Malaysia (my)
• Maldives (mv)
• Mali (ml)
• Malta (mt)
• Marshall, Islands (mh)
• Martinique (mq)
• Mauricio (mu)
• Mauritania (mr)
• Mayotte (yt)
• Mexico (mx)
• Micronesia (fm)
• Moldova (md)
• Monaco (mc)
• Mongolia (mn)
• Montenegro (me)
• Montserrat (ms)
• Morocco (ma)
• Mozambique (mz)
• Namibia (na)
• Nauru (nr)
• Nepal (np)
• Netherlands Antilles (an)
• New Caledonia (nc)
• New Zealand (nz)
• Nicaragua (ni)
• Niger (ne)
• Nigeria (ng)
• Niue (nu)
• Norfolk, Island (nf)
• North Korea (kp)
• Northern Mariana Islands (mp)
• Norway (no)
• Oman (om)
• Pakistan (pk)
• Palau (pw)
• Palestine (ps)
• Panama (pa)
• Papua New Guinea (pg)
• Paraguay (py)
• Peru (pe)
• Philippines (ph)
• Pitcairn (pn)
• Poland (pl)
• Portugal (pt)
• Puerto Rico (pr)
• Qatar (qa)
• Republic of the Congo (cg)
• Romania (ro)
• Russia (ru)
• Rwanda (rw)
• Saint Barthelemy (bl)
• Saint Helena (sh)
• Saint Kitts and Nevis (kn)
• Saint Lucia (lc)
• Saint Martin (mf)
• Saint Vincent and the Grenadines (vc)
• Samoa (ws)
• San Marino (sm)
• Sao Tome and Principe (st)
• Saudi Arabia (sa)
• Senegal (sn)
• Serbia (rs)
• Seychelles (sc)
• Sierra Leone (sl)
• Singapore (sg)
• Slovakia (sk)
• Slovenia (si)
• Solomon Islands (sb)
• Somalia (so)
• South Africa (za)
• South Georgia and the South Sandwich Islands (gs)
• South Korea (kr)
• South Sudan (ss)
• Spain (es)
• Sri Lanka (lk)
• Sudan (sd)
• Suriname (sr)
• Swaziland (sz)
• Sweden (is)
• Switzerland (ch)
• Syria (sy)
• Taiwan (tw)
• Tajikistan (tj)
• Tanzania (tz)
• Thailand (th)
• The Netherlands (nl)
• Togo (tg)
• Tokelau (tk)
• Tonga (to)
• Trinidad and Tobago (tt)
• Tunisia (tn)
• Turkey (tr)
• Turkmenistan (tm)
• Turks and Caicos Islands (tc)
• Tuvalu (tv)
• Uganda (ug)
• Ukraine (ua)
• United Arab Emirates (ae)
• United Kingdom (gb)
• United States (us)
• Uruguay (uy)
• Uzbekistan (uz)
• Vanuatu (vu)
• Vatican City (va)
• Venezuela (ve)
• Vietnam (vn)
• Virgin Islands of the United States (vi)
• Wallis and Futuna (wf)
• Western Sahara (eh)
• Yemen (ye)
• Zambia (zm)
• Zimbabwe (zw)

Credits

The flags used for this Vue components are provided by CSS Flag Sprites generator.