Developer mode
Opens components on the React tab by default.
Your bookmarks

CountryFlag / React

Displays flags of countries from around the world.

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" />


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 The name for the flag.
size enum "medium" The size of the CountryFlag.


If code doesn’t exist “anywhere” will be used

code size
"ad" "small"
"ae" "medium"