reset.css for styled-components.
Also see styled-normalize from Sergey Sova.
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
.
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
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'
All credit goes to Eric Meyer for reset.css. reset.css is public domain (unlicensed).
This project exists thanks to all the people who contribute.
Thank you to all our backers! 🙏 [Become a backer]
Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]