styled-reset#
Eric Meyer's 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 [email protected]
.
Usage:#
Styled Components 4.x || 5.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 theinjectGlobal
api instead (and install [email protected]
):
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]