CountryFlag

To implement CountryFlag component into your project you'll need to add the import:

import CountryFlag from "@kiwicom/orbit-components/lib/CountryFlag";

After adding import into your project you can use it simply like:

<CountryFlag code="cz" name="Czech Republic" />

Props

Table below contains all types of the props available in CountryFlag component.

Name Type Default Description
code enum "anywhere" Code for the displayed country flag.
dataTest string Optional prop for testing purposes.
name string "medium" The name for the flag.

enum

code
"ad"
"ae"
"af"
"ag"
"ai"
"al"
"am"
"an"
"anywhere"
"ao"
"aq"
"ar"
"as"
"at"
"au"
"aw"
"ax"
"az"
"ba"
"bb"
"bd"
"be"
"bf"
"bg"
"bh"
"bi"
"bj"
"bl"
"bm"
"bn"
"bo"
"bq"
"br"
"bs"
"bt"
"bv"
"bw"
"by"
"bz"
"ca-fr"
"ca"
"cc"
"cd"
"cf"
"cg"
"ch"
"ci"
"ck"
"cl"
"cm"
"cn"
"co"
"cr"
"cs"
"ct"
"cu"
"cv"
"cw"
"cx"
"cy"
"cz"
"de"
"dj"
"dk"
"dm"
"do"
"dz"
"ec"
"ee"
"eg"
"eh"
"er"
"es"
"et"
"eu"
"fi"
"fj"
"fk"
"fm"
"fo"
"fr"
"ga"
"gb"
"gd"
"ge"
"gf"
"gg"
"gh"
"gi"
"gl"
"gm"
"gn"
"gp"
"gq"
"gr"
"gs"
"gt"
"gu"
"gw"
"gy"
"hk"
"hm"
"hn"
"hr"
"ht"
"hu"
"ic"
"id"
"ie"
"il"
"im"
"in"
"io"
"iq"
"ir"
"is"
"it"
"je"
"jm"
"jo"
"jp"
"ke"
"kg"
"kh"
"ki"
"km"
"kn"
"kp"
"kr"
"kw"
"ky"
"kz"
"la"
"lb"
"lc"
"li"
"lk"
"lr"
"ls"
"lt"
"lu"
"lv"
"ly"
"ma"
"mc"
"md"
"me"
"mf"
"mg"
"mh"
"mk"
"ml"
"mm"
"mn"
"mo"
"mp"
"mq"
"mr"
"ms"
"mt"
"mu"
"mv"
"mw"
"mx"
"my"
"mz"
"na"
"nc"
"ne"
"nf"
"ng"
"ni"
"nl"
"no"
"np"
"nr"
"nu"
"nz"
"om"
"pa"
"pe"
"pf"
"pg"
"ph"
"pk"
"pl"
"pm"
"pn"
"pr"
"ps"
"pt"
"pw"
"py"
"qa"
"re"
"ro"
"rs"
"ru"
"rw"
"sa"
"sb"
"sc"
"sd"
"se"
"sg"
"sh"
"si"
"sj"
"sk"
"sl"
"sm"
"sn"
"so"
"sr"
"ss"
"st"
"sv"
"sx"
"sy"
"sz"
"tc"
"td"
"tf"
"tg"
"th"
"tj"
"tk"
"tl"
"tm"
"tn"
"to"
"tr"
"tt"
"tv"
"tw"
"tz"
"ua"
"ug"
"um"
"us"
"uy"
"uz"
"va"
"vc"
"ve"
"vg"
"vi"
"vn"
"vu"
"wf"
"ws"
"xk"
"ye"
"yt"
"za"
"zm"
"zw"