{"id":14384845,"url":"https://github.com/wiredmax/react-flags","last_synced_at":"2026-01-31T04:05:05.355Z","repository":{"id":33501736,"uuid":"37147662","full_name":"wiredmax/react-flags","owner":"wiredmax","description":"Flags of the world react component","archived":false,"fork":false,"pushed_at":"2019-09-22T15:51:35.000Z","size":7518,"stargazers_count":86,"open_issues_count":9,"forks_count":28,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-10-04T04:54:09.925Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wiredmax.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-06-09T17:36:57.000Z","updated_at":"2024-03-23T01:04:06.000Z","dependencies_parsed_at":"2022-08-07T22:00:05.949Z","dependency_job_id":null,"html_url":"https://github.com/wiredmax/react-flags","commit_stats":null,"previous_names":[],"tags_count":19,"template":false,"template_full_name":null,"purl":"pkg:github/wiredmax/react-flags","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wiredmax%2Freact-flags","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wiredmax%2Freact-flags/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wiredmax%2Freact-flags/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wiredmax%2Freact-flags/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wiredmax","download_url":"https://codeload.github.com/wiredmax/react-flags/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wiredmax%2Freact-flags/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28928744,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-31T02:59:34.861Z","status":"ssl_error","status_checked_at":"2026-01-31T02:59:05.369Z","response_time":128,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-28T18:01:43.070Z","updated_at":"2026-01-31T04:05:05.340Z","avatar_url":"https://github.com/wiredmax.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# react-flags\n\nFlags of the world react component\n\n[![Dependency Status][deps-badge]][deps]\n[![devDependency Status][dev-deps-badge]][dev-deps]\n[![peerDependency Status][peer-deps-badge]][peer-deps]\n\n## Options\n\n#### `country`: PropTypes.string (default: `_unknown`)\n\nThe ISO 3166-1 alpha-2 or alpha-3 of the country's flag or one of the following:\n  - `_abkhazia`\n  - `_basque-country`\n  - `_british-antarctic-territory`\n  - `_commonwealth`\n  - `_england`\n  - `_kosovo`\n  - `_mars`\n  - `_nagorno-karabakh`\n  - `_nato`\n  - `_northern-cyprus`\n  - `_olympics`\n  - `_red-cross`\n  - `_scotland`\n  - `_somaliland`\n  - `_south-ossetia`\n  - `_united-nations`\n  - `_unknown`\n  - `_wales`\n\n#### `format`: PropTypes.string (default: 32)\n\n  - `png`: square png file.\n  - `icns`: square icns file.\n  - `ico`: square ico file.\n  - `svg`: normal sized flag SVG file.\n\n#### `pngSize`: PropTypes.number (default: 32)\n\nSize of the flag if we are using the PNG format.\n\nPossible values are:\n  - `16`: 16 pixels\n  - `24`: 24 pixels\n  - `32`: 32 pixels\n  - `48`: 48 pixels\n  - `64`: 64 pixels\n\n#### `shiny`: PropTypes.bool (default: `false`)\n\nDisplay a shiny of flat flag. Default is a flat flag.\n\n#### `width`: PropTypes.number (default: null)\n\nWidth of the flag \u003cimg\u003e HTML tag.\n\n#### `height`: PropTypes.number (default: null)\n\nHeight of the flag \u003cimg\u003e HTML tag.\n\n#### `alt`: PropTypes.string (default: `this.props.name`)\n\nAlternative text of the flag \u003cimg\u003e HTML tag.\n\n#### `basePath`: PropTypes.string (default: `/img/flags`)\n\nThe base path of where the flags files from the vendor folder are in your project.\n\n## Installation\n\n```bash\nnpm install --save react-flags\n```\nYou need to copy the content of the `vendor` folder to your local project. The default base path is `/img/flags`\n\n## Usage\n```js\nimport React from \"react\";\nimport Flag from \"react-flags\";\n\nconst App = React.createClass({\n  render() {\n    return (\n      \u003cdiv\u003e\n        \u003cFlag\n          name=\"CAN\"\n          format=\"png\"\n          pngSize={64}\n          shiny={true}\n          alt=\"Canada Flag\"\n        /\u003e\n      \u003c/div\u003e\n    );\n  }\n});\n\nReact.render(\u003cApp /\u003e, document.body);\n\n```\n\n## Development and testing\n\n```bash\nnpm install\nnpm start\n```\n\nThen work on the `Flag.jsx` component in `src`.\n\n## Change log\nSee the [change log](https://github.com/wiredmax/react-flags/blob/master/CHANGELOG.md).\n\n## Sources\n- [GoSquared](https://www.gosquared.com) - [2600 Flag Icon Set](https://www.gosquared.com/resources/flag-icons/)\n- [flag-icon-css](http://flag-icon-css.lip.is/) - SVG flags icons\n\n## Author\nMaxime Poulin \u003cmpoulin@roux.ca\u003e\n\n## License\nMIT (See [LICENSE](https://github.com/wiredmax/react-flags/blob/master/LICENSE))\n\n[deps-badge]: https://david-dm.org/wiredmax/react-flags.svg\n[deps]: https://david-dm.org/wiredmax/react-flags\n\n[dev-deps-badge]: https://david-dm.org/wiredmax/react-flags/dev-status.svg\n[dev-deps]: https://david-dm.org/wiredmax/react-flags#info=devDependencies\n\n[peer-deps-badge]: https://david-dm.org/wiredmax/react-flags/peer-status.svg\n[peer-deps]: https://david-dm.org/wiredmax/react-flags#info=peerDependencies\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwiredmax%2Freact-flags","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwiredmax%2Freact-flags","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwiredmax%2Freact-flags/lists"}