This component allow to integrate a flag in your app easily and programmatically from a country code. It can also be used for more advanced usages (see the demo component for a quiz game for instance). All data and resources are included in this component, no external connection is needed.

4 flag styles are available:

Circle (PNG):

Rectangular (SVG): 

Waving (PNG):

Tiny (optimised CSS + PNG):

Use the block CountryFlag on your page to render a country flag automatically. 

This component also provides 2 public entities:

Country entity contains the list of all country codes and country names supported.

CountryFlagStyle is a static entity which contains 4 records. Use it to configure the style of your flag (circle, rectangular, waving, tiny)

Use the demo component to see basic examples:

1. A gallery page to select a flag style and see all country flags on one page.
2. A small "flag quiz" game, try to find the country of the displayed flag.