@styled/modern-normalize

CSS-normalize library for styled-components.

The original modern-normalize.css is pulled from sindresorhus/modern-normalize, and parsed into styled ready format.

Usage

npm install --save @styled/modern-normalize

Readme

Read styled-components createGlobalStyle documentation

This is just example

import React from 'react'
import { Normalize } from '@styled/modern-normalize'
 
import { App } from './app'
 
const Root = () => (
  <React.Fragment>
    <Normalize />
    <App />
  </React.Fragment>
)

For older version of styled-components this API renders to null

You can also use named imports:

// ES Modules
import { Normalize } from '@styled/modern-normalize'
 
// CommonJS
const { Normalize } = require('@styled/modern-normalize')

You can also import css without Component API:

import { normalize } from '@styled/modern-normalize'
// Different from `Normalize`
 
// Example usage:
injectGlobal`
  ${normalize}
`

License

The MIT License