Forma 36

GlobalStyles

Give feedback

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

Type

Default

withNormalize
false
true

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

true

Help improve this page

Edit on GithubRead the contribution guide