Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including styled-reset with all npm packages installed. Try it out:

require("styled-components/package.json"); // styled-components is a peer dependency. var styledReset = require("styled-reset")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

styled-reset v4.1.5

Eric Meyer's Reset CSS for styled-components

styled-reset

npm version CircleCI Patreon Backers on Open Collective Sponsors on Open Collective ko-fi Support with PayPal

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 styled-reset@1.7.1.

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 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]

LICENSE

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free