1.0.7 • Published 5 years ago
@gatsby-themes/emotion v1.0.7
Gatsby Emotion Theme
The emotion theme sets up the configuration based on the best practices recommended by the Gatsby team
- This takes care of all the setup and configuration requirements for theming, layouts and setup.
- This uses
theme-ui
as the theming style system - This also is a core / component UI library of EmotionJS components. As an example a sample UI component has been added called
About
- To access the About component
import {About} from @gatsby-themes/emotion;
How to use
- Add the dependency
@gatsby-themes/emotion
- The emotion theme will warn of the peer dependencies which also must be added to the gatsby site leveraging this theme.
- The dependencies include - "@emotion/core": "^10.0.14", - "@emotion/styled": "^10.0.14", - "@mdx-js/react": "^1.0.27", - "@theme-ui/presets": "^0.2.10", - "emotion-theming": "^10.0.14", - "gatsby-plugin-emotion": "^4.0.7", - "theme-ui": "^0.2.14"
yarn add `@gatsby-themes/emotion`
- Configure the theme in the
gatsby-config.js
file.
module.exports = {
plugins: [
{
resolve: '@gatsby-themes/emotion',
options: {
fullMode: true
}
}
]
};