react-circle-flags

React circle flags (based on circle-flags)

Install

npm install --save react-circle-flags

Usage

import React from 'react'
import { CircleFlag } from 'react-circle-flags'

export const SpanishFlag = () => <CircleFlag countryCode="es" height="35" />

With custom CDN

import React from 'react'
import { CircleFlag } from 'react-circle-flags'

export 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. 🚀

Language flags

import React from 'react'
import { CircleFlagLanguage } from 'react-circle-flags'

export const EnglishFlag = () => <CircleFlagLanguage languageCode="en-us" height="35" />

Docs && Gallery

Click here!

License

MIT © On The Edge IT Solutions