Miss any of our Open RFC calls?Watch the recordings here! »

@rebass/preset-material

4.0.5 • Public • Published

@rebass/preset-material

Material Design theme preset for use with Rebass

npm i @rebass/preset-material

Usage

For general usage with Emotion, pass the theme preset to Emotion's ThemeProvider component at the root of your application.

import React from 'react'
import { ThemeProvider } from 'emotion-theming'
import theme from '@rebass/preset-material'
 
export default props =>
  <ThemeProvider theme={theme}>
    {props.children}
  </ThemeProvider>

For use with Theme UI, import the ThemeProvider from theme-ui.

import { ThemeProvider } from 'theme-ui'

Or, if you're using gatsby-plugin-theme-ui, export the theme from src/gatsby-plugin-theme-ui/index.js.

// src/gatsby-plugin-theme-ui/index.js
import preset from '@rebass/preset-material'
 
export default {
  ...preset
}

MIT License

Install

npm i @rebass/preset-material

DownloadsWeekly Downloads

55

Version

4.0.5

License

MIT

Unpacked Size

11.4 kB

Total Files

7

Last publish

Collaborators

  • avatar