styled-reset
reset.css for styled-components.
Also see styled-normalize from Sergey Sova.
Installation:
npm i styled-reset
(use the -S
flag if you're on npm 4 or earlier).
If you're on styled-components 3.x, please npm i styled-reset@1.7.1
.
Usage:
Styled Components 4.x
import * as React from 'react'
import { Reset } from 'styled-reset'
const App = () => (
<React.Fragment>
<Reset />
<div>Hi, I'm an app!</div>
</React.Fragment>
)
You can also use the default export or named export (lowercase) in your own global style:
import * as React from 'react'
import { createGlobalStyle } from 'styled-components'
import reset from 'styled-reset'
const GlobalStyle = createGlobalStyle`
${reset}
/* other styles */
`
const App = () => (
<React.Fragment>
<GlobalStyle />
<div>Hi, I'm an app!</div>
</React.Fragment>
}
export default App
Styled Components 3.x
If you're using Styled Components version 3.x or 2.x, you'll need to use the
injectGlobal
api instead (and install styled-reset@1.7.1
):
import { injectGlobal } from 'styled-components'
import reset from 'styled-reset'
injectGlobal`
${reset}
`
reset
is also available as a named export:
import { reset } from 'styled-reset'
Credits
All credit goes to Eric Meyer for reset.css. reset.css is public domain (unlicensed).
Contributors
This project exists thanks to all the people who contribute.
Backers
Thank you to all our backers! 🙏 [Become a backer]
Sponsors
Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]