react-circle-flags

React circle flags (based on circle-flags)

Install

1npm install --save react-circle-flags

Usage

1import React from 'react'
2import { CircleFlag } from 'react-circle-flags'
3
4export const SpanishFlag = () => <CircleFlag countryCode="es" height="35" />

With custom CDN

1import React from 'react'
2import { CircleFlag } from 'react-circle-flags'
3
4export const SpanishFlag = () => <CircleFlag countryCode="es" height="35" cdnUrl="https://magic-cdn.com/flags/" />

You can pass all the react's React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> props to CircleFlag. :rocket:

Language flags

1import React from 'react'
2import { CircleFlagLanguage } from 'react-circle-flags'
3
4export const EnglishFlag = () => <CircleFlagLanguage languageCode="en-us" height="35" />

Docs && Gallery

Click here!

License

MIT © On The Edge IT Solutions