flagit

Flagit is the smallest npm package to display flags from about 242 supported countries that can be used as a react component.

Usage no npm install needed!

<script type="module">
  import flagit from 'https://cdn.skypack.dev/flagit';
</script>

README

Flagit 🇮🇳

Flagit is the smallest npm package to display flags from about 242 supported countries that can be used as a react component.

View the live demo

How to use:

import Country from "flagit";

Then use the component by passing appropriate props as described below:

Example:

<Country countryShort="IN" size="md" />

OR

<Country countryShort="IN" size="28" />

Props:

Props Values Description
countryShort as per https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2#Officially_assigned_code_elements Pass country code in this prop eg: IN, US, AU
size sm, md, lg, xl, xxl
OR
Any size between 16 to 64 pixels		 sm=16w x 16h
md=24w x 24h
lg=32w x 32h
xl=48w x 48h
xxl=64w x 64h
in pixels

Note:

  • Default size is set to sm OR 16
  • Removed customWidth and customHeight props, as the width and height are in proportion