{"id":21890755,"url":"https://github.com/chantastic/react-flag-object","last_synced_at":"2025-07-09T11:03:52.080Z","repository":{"id":57333279,"uuid":"41889157","full_name":"chantastic/react-flag-object","owner":"chantastic","description":"WIP React Flag Object implementation with inline-styles","archived":false,"fork":false,"pushed_at":"2016-09-24T05:53:27.000Z","size":164,"stargazers_count":5,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-07-09T11:03:24.812Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://chantastic.github.io/react-flag-object/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/chantastic.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.markdown","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-09-03T23:43:38.000Z","updated_at":"2019-06-25T14:21:28.000Z","dependencies_parsed_at":"2022-08-24T18:30:38.199Z","dependency_job_id":null,"html_url":"https://github.com/chantastic/react-flag-object","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/chantastic/react-flag-object","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chantastic%2Freact-flag-object","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chantastic%2Freact-flag-object/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chantastic%2Freact-flag-object/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chantastic%2Freact-flag-object/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chantastic","download_url":"https://codeload.github.com/chantastic/react-flag-object/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chantastic%2Freact-flag-object/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264446718,"owners_count":23609632,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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-11-28T12:16:40.237Z","updated_at":"2025-07-09T11:03:52.026Z","avatar_url":"https://github.com/chantastic.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# WIP WARNING\n\nThis is such a niave implementation, it's shameful. It works but like, there's a good chance you don't want to use it. Consider yourself warned.\n\nOne of the biggest shortcoming is that modifiers can't be set on the root component and trickle down to child (not-owned) components. This will be resolved in a React@0.14 release.\n\n# React Flag Object\n\nA React.js Flag Object implementation, using inline styles.\n\nThe Flag Object was engineered by Harry Roberts (@csswizardry) and detailed here: http://csswizardry.com/2013/05/the-flag-object/\n\n## Demo \u0026 Examples\n\nLive demo: [chantastic.github.io/react-flag-object](http://chantastic.github.io/react-flag-object/)\n\nTo build the examples locally, run:\n\n```\nnpm install\nnpm start\n```\n\nThen open [`localhost:8000`](http://localhost:8000) in a browser.\n\n\n## Installation\n\nThe easiest way to use react-flag-object is to install it from NPM and include it in your own React build process (using [Browserify](http://browserify.org), [Webpack](http://webpack.github.io/), etc).\n\nYou can also use the standalone build by including `dist/react-flag-object.js` in your page. If you use this, make sure you have already included React, and it is available as a global variable.\n\n```\nnpm install react-flag-object --save\n```\n\n\n## Usage\n\n__EXPLAIN USAGE HERE__\n\n```\nimport { Flag, Body, Image, Img } from 'react-flag-object';\n\nvar App = React.createClass({\n  render () {\n    return (\n      \u003cFlag\u003e\n        \u003cImage\u003e\n          \u003cImg src=\"http://0.gravatar.com/avatar/d56966cb85dc4153ceeec7ca0bdb568e\" alt=\"chantastic\" /\u003e\n        \u003c/Image\u003e\n\n        \u003cBody\u003e\n          I've spent most of my career focused on taming styles in CSS. I saw it as a problem that would never be solved. Then, #reactjs happened.\n@chantastic 7 hours ago\n        \u003c/Body\u003e\n      \u003c/Flag\u003e\n    );\n  }\n});\n```\n\n### Notes\n\nOne of the biggest shortcoming is that modifiers can't be set on the root component and trickle down to child (not-owned) components. This will be resolved in a React@0.14 release.\n\n## Development (`src`, `lib` and the build process)\n\n**NOTE:** The source code for the component is in `src`. A transpiled CommonJS version (generated with Babel) is available in `lib` for use with node.js, browserify and webpack. A UMD bundle is also built to `dist`, which can be included without the need for any build system.\n\nTo build, watch and serve the examples (which will also watch the component source), run `npm start`. If you just want to watch changes to `src` and rebuild `lib`, run `npm run watch` (this is useful if you are working with `npm link`).\n\n## License\n\n__PUT LICENSE HERE__\n\nCopyright (c) 2015 Michael Chan.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchantastic%2Freact-flag-object","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchantastic%2Freact-flag-object","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchantastic%2Freact-flag-object/lists"}