A styled-component wrapper for modern-css-reset.
npm install styled-modern-css-reset
In the root component:
import Reset from "styled-modern-css-reset";
import React, { Fragment } from "react";
export default () => (
<Fragment>
<Reset />
<h1>Hello, World!</h1>
</Fragment>
);
Alternatively, along with your app's global styles:
import { reset } from "styled-modern-css-reset";
import { createGlobalStyle } from "styled-components";
import React from "react";
const globalStyles = createGlobalStyle`
${reset}
// Other styles...
`;