franswan/react-circle-flags

:rocket: A React component with a collection of 300+ minimal circular SVG country flags. Wrapper of HatScripts/circle-flags

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

Docs && Gallery

Click here!

License

MIT © tnovau