# styled-reset
[](https://npm.im/styled-reset) [](https://circleci.com/gh/zacanger/styled-reset) [](https://www.patreon.com/zacanger) [](#backers) [](#sponsors) [](https://ko-fi.com/U7U2110VB) [](https://paypal.me/zacanger)
Eric Meyer's [Reset CSS](https://meyerweb.com/eric/tools/css/reset/) for [styled-components](https://github.com/styled-components/styled-components)
Also see [styled-normalize](https://www.npmjs.com/package/styled-normalize) from [Sergey Sova](https://github.com/sergeysova).
--------
## 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 || 5.x
```jsx
import * as React from 'react'
import { Reset } from 'styled-reset'
const App = () => (
Hi, I'm an app!
)
```
You can also use the default export or named export (lowercase) in your own
global style:
```jsx
import * as React from 'react'
import { createGlobalStyle } from 'styled-components'
import reset from 'styled-reset'
const GlobalStyle = createGlobalStyle`
${reset}
/* other styles */
`
const App = () => (
Hi, I'm an app!
)
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`):
```javascript
import { injectGlobal } from 'styled-components'
import reset from 'styled-reset'
injectGlobal`
${reset}
`
```
`reset` is also available as a named export:
```javascript
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](https://opencollective.com/styled-reset#backer)]
## Sponsors
Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-reset#sponsor)]
[LICENSE](./LICENSE.md)