tag-hoc

React HOC to set an element's tag and remove props

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
tag-hoc
1.0.05 years ago6 years agoMinified + gzip package size for tag-hoc in KB

Readme

tag-hoc
React HOC to set an element's tag and remove props
Useful for removing style props in libraries like styled-components
npm i tag-hoc

Usage

```..jsx // Example with styled-components // import React from 'react' // import { render } from 'react-dom' // import styled from 'styled-components' // import tag from 'tag-hoc'
const propsToRemove = 'color'
const Tag = tag(propsToRemove) const Base = Tag('h2') const Title = styled(Base)` color: ${props => props.color}; `
Title.defaultProps = { color: '#07c' }
render( is='h1' color='tomato'> Hello ) ```
This renders an <h1> element with the is and color props stripped from the HTML.
MIT License