GlobalStyles

GlobalStyles is a component that set the common style, and also normalize the browser styles.

Import

import { GlobalStyles } from '@contentful/f36-components';
// or
import { GlobalStyles } from '@contentful/f36-core';

Examples

To use the GlobalStyles just add it to the render of the app.

import ReactDOM from 'react-dom';
import { GlobalStyles } from '@contentful/f36-components';

import App from './App';

const rootElement = document.getElementById('root');
ReactDOM.render(
  <>
    <GlobalStyles />
    <App />
  </>,
  rootElement,
);

Props (API reference)

• Name

  withNormalize

  Description

  Determines if normalise.css should be added, [more info](https://github.com/necolas/normalize.css)

  false

  true

  Default

  true