Global Styles

The GlobalStyles component should be included at the top of your application to provide global css, including the required fonts, body styles, and some generic styles for links and headings.

Usage

The GlobalStyles component can be nested inside the ThemeContext.Provider to inherit styles from the theme.

import React from 'react';

import { GlobalStyles } from 'react-magma-dom';

export function Example() {
  return (
    <>
      <GlobalStyles />
      <div>Styles applied</div>
    </>
  );
}