ComponentsDisplay

Country

A country as a flag and its localized name.

Features7APIThemingAccessibility

Basic

A flag and the name in the current locale β€” switch the locale of the site to see it change.

UkrainePolandGermanyJapanBrazil

Flag set

@tectra-ng/flags draws every ISO country as an SVG, rectangle 4:3 or circle. Each flag is its own chunk, loaded only when it is shown and cached after that; until it arrives the flag keeps its box, so nothing moves. Provide it once in app.config.ts: provideTxFlags(txFlagImages(loadTxFlag)).

Sizes

Three sizes.

CanadaCanadaCanada

Flag only

Without the name the flag is an image named by the country β€” e.g. in a table cell.

Emoji

Without a flag set the flags are emoji β€” nothing to install or load. The look depends on the operating system (Windows shows the two letters).

UkrainePolandGermany

Custom name

An own name, and values that are not country codes shown as text.

United KingdomEuropean UnionWorldwide

Design tokens

dt changes the country tokens of one instance.

Norway