3.1.0 • Published 3 years ago

react-country-flag v3.1.0

Weekly downloads
28,716
License
MIT
Repository
-
Last release
3 years ago

react-country-flag

React component for emoji/svg country flags.

NPM JavaScript Style Guide

Install

npm install --save react-country-flag

BREAKING CHANGES

v3.x NONE only Typescript Types were introduced, enjoy!

v2.x has breaking changes

  • code is now countryCode
  • title and aria-label are not defined any more, it is up to the developer to pass these in
  • styleProps is now style

Usage

All props are passed onto the element, everything can be overwritten.

import React from "react"
import ReactCountryFlag from "react-country-flag"

function ExampleComponent {
    return (
        <div>
            <ReactCountryFlag countryCode="US" />

            <ReactCountryFlag
                className="emojiFlag"
                countryCode="US"
                style={{
                    fontSize: '2em',
                    lineHeight: '2em',
                }}
                aria-label="United States"
            />

            <ReactCountryFlag countryCode="US" svg />

            <ReactCountryFlag
                countryCode="US"
                svg
                style={{
                    width: '2em',
                    height: '2em',
                }}
                title="US"
            />

            <ReactCountryFlag
                countryCode="US"
                svg
                cdnUrl="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.4.3/flags/1x1/"
                cdnSuffix="svg"
                title="US"
            />
        </div>
    )
}

export default ExampleComponent

Detecting Emoji support

Try this out and conditionally render your country flag https://github.com/danalloway/detect-emoji-support

License

MIT © danalloway

@avocad0/sdk@uponco/admin-ui@img-arena/dde-ui-components-test@infinitebrahmanuniverse/nolb-react-coubackoffice-tril-tsipm_fe_frameworkbackoffice-trilsupport-worksuiteluck-biz-components@everything-registry/sub-chunk-2548medusa-admin-ui-fa@perseides/admin-uitest-framework-shreyaswaleed-avocadowaleed-avocado-2vuexy-react-admin-dashboardwhat2study-chatclientstorefront-icu_admin-uistory-bootstrapsteamfab-ui-libvendor-ui-alpha-v1@princemwase/medusa-admin-ui@payglo/admin-uiistox-sharedjobs-reactjobs-storybookjobs-ui-componentmaroc4products-admin-uimaterial-ui-phone-componentlead-form-typescriptmedusa-analytics-dashboardmedusa-adminmedusa-dashboardmedusa-custom-dashboardmedusajs-admin-ui@webprovise1/medusajs-admin-ui@tlukastee/admin-ui@tlukastee/custom-admin-ui@ubnt/unifi-talk-ui@tucano-commerce/admin-ui@tommyzai97/admin-ui@teewoeijer/dashboard@theazizmoh/admin-ui@theazizmoh/admin-ui-janata@ynikolenko/medusajs-admin-ui@ynikolenko/admin-ui@zenbu-ui/inputadmin-ui-longvbadmin-panel-ui-kitairoibase-uianythink-vendor-uibackoffice-tril-free97shop-medusa-admin@8medusa/dashboard3xb_dashboard@habbaldev78y/admin-ui@habeetat/components-core-dev@adamquadmon/gatsby-theme-lucifero@ajeebsa/admin-ui@components-library-react-seb/core@components-library-react-seb/utils@ameerrizvi/medusajs-dashboard@alisafavi123/admin-uistserver-frontend-compstyle-guide-mobilizesolo-reactuc-custom-medusajs-admin-uiuc-custon-medusajs-admin-uiui-ib-applicationtest-admin-uitrade-componentstril-test-testtods-score-grid@bazyli/admin-ui@bureauid/components@bureauinc/componentswattshub-front@hadicph/admin-ui@hspotted/nextjs@lambdacurry/gatsby-theme-medusa-admin@liveauctioneers/hammer-ui-core@liveauctioneers/hammer-ui-payments@leapwallet/elements@loglib/ui@luck-test/luck-biz-components@luck-test/luck-biz-test@library-components-seb/core@netlambda/admin-ui@nelomobile/medusa-admin-ui@mobieve/react-mobieve-components@moosty/lisk-explorer@procraft/ui@passfort/castle@sellerartifact-medusajs/admin-ui@secrecy/ui@sendoutcards/quantum-design-ui@rigby-software-house/mercurjs-vendor-uimymedusajs-admin-uiosterus-ui-kitota-front-common
3.1.0

3 years ago

3.0.2

4 years ago

3.0.1

4 years ago

3.0.0

4 years ago

2.3.1

4 years ago

2.3.0

5 years ago

2.2.0

5 years ago

2.1.0

5 years ago

2.0.1

6 years ago

2.0.0

6 years ago

1.1.0

6 years ago

1.0.2

7 years ago

1.0.1

7 years ago

1.0.0

7 years ago

0.3.1

7 years ago

0.3.0

7 years ago

0.2.0

8 years ago

0.1.12

8 years ago

0.1.11

8 years ago

0.1.9

8 years ago

0.1.8

8 years ago

0.1.7

8 years ago

0.1.6

8 years ago

0.1.5

8 years ago

0.1.4

8 years ago

0.1.3

8 years ago

0.1.2

8 years ago

0.1.1

8 years ago

0.1.0

8 years ago