react-countries-flags

react-countries-flags

What is this?

A simple React component for displaying country flags in various operating systems.

Installation

You can install this component using npm or yarn:

npm i react-countries-flags

or

yarn add react-countries-flags

Usage

To use this component, import it into your React component:

import ReactCountriesFlags from "react-countries-flags";

const App = () => {
  return (
    <div className="App">
      <ReactCountriesFlags isoCode = 'am'/>
    </div>
  );
}

export default App;

You can also customize the alt text, width, and height of the flag:

for example

<ReactCountriesFlags isoCode = {'am'} alt = {'flag'} width = {50} height = {30}/>

Options

If the flag for the specified ISO code is not found, the component will display a default flag instead.

takes 4 parameters

Prop name	Type	Default value	Description
isoCode	string	none	The ISO code for the country's flag
alt	string	"flag"	The alt text for the flag
width	number	25	The width of the flag in pixels
height	number	15	The height of the flag in pixels

This package should work on all operating systems that support React.

ISO_3166-2

https://en.wikipedia.org/wiki/ISO_3166-2