Eric Meyer's Reset CSS for styled-components
Also see styled-normalize from Sergey Sova.
npm i styled-reset
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 AppIf 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).