Migrate from v1 to v2

[filiptammergard]

Here are some things to consider when migrating from v1 to v2:

• A CSS reset is included by default. If this is not wanted, you can disable the CSS reset in <EinrideProvider /> like this:

const App = () => {
  return (
    <EinrideProvider resetCSS={false}>
      {/* All other components go here! */}
    </EinrideProvider>
  )
}

• font-family is now set on each component explicitly. You can choose body and heading fonts by passing them in the theme to <EinrideProvider />:

const theme = {
  fonts: {
    body: "MyAwesomeBodyFont, sans-serif",
    heading: "MyAwesomeHeadingFont, sans-serif",
  },
}

const App = () => {
  return (
    <EinrideProvider theme={theme}>
      {/* All other components go here! */}
    </EinrideProvider>
  )
}

That's it!