Country symbol

Also known as

Flag, Country

Country symbols display an icon that represents the flag of a country or intergovernmental organization. You can use country symbols individually or as a complete package. The country symbols are stylized and representative, so users are more likely to recognize them at smaller sizes, and they maintain their character within the circular form. Rectangular "sharp" versions are also provided for every country symbol.

Note: This tab list includes overflow; tab positions may be inaccurate or change when a tab is selected

To reduce the core package's bundle size, country symbols are in a separate package that you should first install using:

npm install @salt-ds/countries or yarn add @salt-ds/countries

When you need to display an icon that represents the flag of a country or intergovernmental organization.

To import an individual country symbol from the countries Salt package, use its country code:

To import LazyCountrySymbol from the countries Salt package, use:

To import a "sharp" variant from the countries Salt package, append _Sharp to the desired country code:

NameTypeDescriptionDefault
NameTypeDescriptionDefault