emotion

Documentation Community GitHub Slack Spectrum v9 Docs

Getting Started

Introduction Install The css Prop Styled Components Composition Object Styles Nested Selectors Media Queries Global Styles

Advanced

Keyframes Server Side Rendering Attaching Props Theming Labels Class Names Migrating to Emotion 10

Tooling

Babel Plugin Babel Macros Source Maps Snapshot Testing Typescript

Packages

@emotion/core @emotion/styled emotion babel-plugin-emotion eslint-plugin-emotion emotion-server emotion-theming jest-emotion @emotion/native @emotion/primitives create-emotion create-emotion-server

Source Maps

Note:

babel-plugin-emotion is required for source maps

emotion supports source maps for styles authored in javascript.

source-map-demo

Required For Source Maps:

babel-plugin-emotion must be in your Babel setup. [documentation]
process.env.NODE_ENV must be any value except "production"

Note:

Source maps are on by default in babel-plugin-emotion but they will be removed in production builds

Previous:Babel Macros

Next:Snapshot Testing