GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → tnovau → react-circle-flags

tnovau / react-circle-flags

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

Labels

reactnpmcomponentreactjsreact-componentreact-componentsnpm-packagejavascript-libraryflagsreact-component-library

Projects that are alternatives of or similar to react-circle-flags

React Border Wrapper
A wrapper for placing elements along div borders.
Stars: ✭ 147 (+406.9%)
Mutual labels:  react-component, react-components, javascript-library
react-native-value-picker
Cross-Platform iOS(ish) style picker for react native.
Stars: ✭ 18 (-37.93%)
Mutual labels:  react-component, react-components, npm-package
Registration-and-Login-using-MERN-stack
Simple Registration and Login component with MERN stack
Stars: ✭ 210 (+624.14%)
Mutual labels:  react-component, react-components
react-semantic-render
Semantic helper components for rendering content with React.
Stars: ✭ 13 (-55.17%)
Mutual labels:  react-components, react-component-library
delete-react-zombies
CLI to search and delete unimported 🧟components in your react ⚛️ files
Stars: ✭ 70 (+141.38%)
Mutual labels:  react-component, react-components
React-Jupyter-Viewer
A react component to embed .ipyb notebooks in a blog or something
Stars: ✭ 50 (+72.41%)
Mutual labels:  react-component, react-components
shared-react-components-example
An example of a mono-repository of shared React components libraries!
Stars: ✭ 85 (+193.1%)
Mutual labels:  react-component, react-components
tiny-ui
⚛️ A friendly UI component set for React.js
Stars: ✭ 202 (+596.55%)
Mutual labels:  react-component, react-components
Yoshino
A themable React component library！Flexible Lightweight PC UI Components built on React! Anyone can generate easily all kinds of themes by it!
Stars: ✭ 216 (+644.83%)
Mutual labels:  react-component, react-components
ansicolor
A JavaScript ANSI color/style management. ANSI parsing. ANSI to CSS. Small, clean, no dependencies.
Stars: ✭ 91 (+213.79%)
Mutual labels:  npm-package, javascript-library
react-crud-icons
57 SVG icons for CRUD applications, packaged as a React component with light & dark themes and tooltip.
Stars: ✭ 19 (-34.48%)
Mutual labels:  react-component, react-components
Stardust
🎨Tiller Design System
Stars: ✭ 19 (-34.48%)
Mutual labels:  react-components, javascript-library
awesome-web-react
🚀 Awesome Web Based React 🚀 Develop online with React!
Stars: ✭ 31 (+6.9%)
Mutual labels:  react-component, react-components
react-ogp
🌐 The ultimate React OpenGraph component
Stars: ✭ 27 (-6.9%)
Mutual labels:  react-component, react-component-library
best-of-react
🏆 A ranked list of awesome React open-source libraries and tools. Updated weekly.
Stars: ✭ 364 (+1155.17%)
Mutual labels:  react-component, react-components
React Native demo
react-native实现网易新闻和美团，实现大部分页面。使用最新的react-navigation等组件，同时支持安卓和iOS设备。
Stars: ✭ 237 (+717.24%)
Mutual labels:  react-component, react-components
git-issue-react-electronjs
⚙️. ⚛️. A desktop application created with Electronjs and Reactjs to be cross-platform to manage and track GitHub issues.
Stars: ✭ 21 (-27.59%)
Mutual labels:  react-component, react-components
validid
A Javascript library to validate ID card numbers of China, Taiwan, Hong Kong and South Korea
Stars: ✭ 37 (+27.59%)
Mutual labels:  npm-package, javascript-library
React Sticky El
Stars: ✭ 179 (+517.24%)
Mutual labels:  react-component, npm-package
React Intl Tel Input
Rewrite International Telephone Input in React.js. (Looking for maintainers, and PRs & contributors are also welcomed!)
Stars: ✭ 212 (+631.03%)
Mutual labels:  react-component, flags
View All Similar Projects ➔

react-circle-flags

React circle flags (based on circle-flags)

NPM JavaScript Style Guide codecov Node.js CI

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].