jxnblk / Tag Hoc
Licence: mit
React HOC to set an element's tag and remove props
Stars: ✭ 31
Programming Languages
javascript
184084 projects - #8 most used programming language
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
// 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(
<Title
is='h1'
color='tomato'>
Hello
</Title>
)
This renders an <h1>
element with the is
and color
props stripped from the HTML.
MIT License
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].