Just sharing for interest.
A nice way to create a choice component containing countries with flags is to make use of the URL template:
-
The top 30 countries by GDP often include (alphabetically): Argentina, Australia, Austria, Belgium, Brazil, Canada, China, France, Germany, India, Indonesia, Ireland, Israel, Italy, Japan, Mexico, Netherlands, Poland, Russia, Saudi Arabia, Singapore, South Korea, Spain, Sweden, Switzerland, Taiwan, Turkey, United Arab Emirates, United Kingdom, and United States.
-
The ISO 3166-1 alpha-2 codes for these are: AR, AU, AT, BE, BR, CA, CN, FR, DE, IN, ID, IE, IL, IT, JP, MX, NL, PL, RU, SA, SG, KR, ES, SE, CH, TW, TR, AE, GB, US.
-
The
hatscripts/circle-flagslibrary uses lowercase ISO 3166-1 alpha-2 codes in its URL structure:https://hatscripts.github.io/circle-flags/flags/[code].svg. -
So the URL list becomes:
Here I have used the choice component that displays the Abbreviation plus the image defined by the URL:
