{"_id":"tag-hoc","_rev":"3145380","name":"tag-hoc","description":"React HOC to set an element's tag and remove props","dist-tags":{"latest":"1.0.0"},"maintainers":[{"name":"jxnblk","email":""}],"time":{"modified":"2023-11-27T07:14:54.000Z","created":"2017-07-22T00:14:45.052Z","1.0.0":"2017-08-14T23:01:33.189Z","1.0.0-0":"2017-07-22T00:14:45.052Z"},"users":{},"author":{"name":"Brent Jackson"},"versions":{"1.0.0":{"name":"tag-hoc","version":"1.0.0","description":"React HOC to set an element's tag and remove props","main":"dist/tag.js","scripts":{"prepublish":"babel src -d dist","docs":"doc README.md -c docs/config.js -d docs","test":"jest","cover":"jest --coverage"},"keywords":["react","react-component","higher-order-component","hoc","html-tag","styled-components"],"author":{"name":"Brent Jackson"},"license":"MIT","devDependencies":{"@storybook/react":"^3.1.9","babel-cli":"^6.24.1","babel-core":"^6.25.0","babel-jest":"^20.0.3","babel-preset-env":"^1.6.0","babel-preset-react":"^6.24.1","jest":"^20.0.4","jest-styled-components":"^4.2.0","live-doc":"^1.0.0-9","react":"^15.6.1","react-dom":"^15.6.1","react-test-renderer":"^15.6.1","styled-components":"^2.1.1"},"gitHead":"81a9250753542646ff778447e020b9450ab692d3","_id":"tag-hoc@1.0.0","_npmVersion":"5.3.0","_nodeVersion":"8.1.2","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"36ddc5f8831c40926ea520743cbddcc34f3c3ed9","size":2622,"noattachment":false,"key":"/tag-hoc/-/tag-hoc-1.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/tag-hoc/download/tag-hoc-1.0.0.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tag-hoc-1.0.0.tgz_1502751692217_0.5288168343249708"},"directories":{},"publish_time":1502751693189,"_hasShrinkwrap":false,"_cnpm_publish_time":1502751693189,"_cnpmcore_publish_time":"2021-12-16T18:46:14.613Z"},"1.0.0-0":{"name":"tag-hoc","version":"1.0.0-0","description":"React HOC to set an element's tag and remove props","main":"dist/tag.js","scripts":{"prepublish":"babel src -d dist","docs":"doc README.md -c docs/config.js -d docs","test":"jest","cover":"jest --coverage"},"keywords":["react","react-component","higher-order-component","hoc","html-tag","styled-components"],"author":{"name":"Brent Jackson"},"license":"MIT","devDependencies":{"@storybook/react":"^3.1.9","babel-cli":"^6.24.1","babel-core":"^6.25.0","babel-jest":"^20.0.3","babel-preset-env":"^1.6.0","babel-preset-react":"^6.24.1","jest":"^20.0.4","jest-styled-components":"^4.2.0","live-doc":"^1.0.0-9","react":"^15.6.1","react-dom":"^15.6.1","react-test-renderer":"^15.6.1","styled-components":"^2.1.1"},"gitHead":"a8ec014bb08d7c0f418afba4c1749d6f52f3a61c","_id":"tag-hoc@1.0.0-0","_npmVersion":"5.3.0","_nodeVersion":"8.1.2","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"shasum":"bc25d20f99e11431f6876c8013219fbaf85049e4","size":1952,"noattachment":false,"key":"/tag-hoc/-/tag-hoc-1.0.0-0.tgz","tarball":"http://registry.cnpm.dingdandao.com/tag-hoc/download/tag-hoc-1.0.0-0.tgz"},"maintainers":[{"name":"jxnblk","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tag-hoc-1.0.0-0.tgz_1500682484094_0.5650750596541911"},"directories":{},"publish_time":1500682485052,"_hasShrinkwrap":false,"_cnpm_publish_time":1500682485052,"_cnpmcore_publish_time":"2021-12-16T18:46:14.819Z"}},"readme":"\n# tag-hoc\n\nReact HOC to set an element's tag and remove props\n\nUseful for removing style props in libraries like styled-components\n\n```sh\nnpm i tag-hoc\n```\n\n## Usage\n\n```..jsx\n// Example with styled-components\n// import React from 'react'\n// import { render } from 'react-dom'\n// import styled from 'styled-components'\n// import tag from 'tag-hoc'\n\nconst propsToRemove = [\n  'color'\n]\n\nconst Tag = tag(propsToRemove)\nconst Base = Tag('h2')\nconst Title = styled(Base)`\n  color: ${props => props.color};\n`\n\nTitle.defaultProps = {\n  color: '#07c'\n}\n\nrender(\n  <Title\n    is='h1'\n    color='tomato'>\n    Hello\n  </Title>\n)\n```\n\nThis renders an `<h1>` element with the `is` and `color` props stripped from the HTML.\n\nMIT License\n","_attachments":{},"license":"MIT"}