History

Michael Jackson bbb092d974 Load React + Emotion from CDN URLs, use globals Remove @emotion/babel-preset-css-prop and import { jsx } from @emotion/core directly instead so Rollup can preserve imports order when bundling (instead of @emotion/core automatically inserting itself as the first import).		2019-01-23 21:27:58 -08:00
..
dist	Load React + Emotion from CDN URLs, use globals	2019-01-23 21:27:58 -08:00
src	Load React + Emotion from CDN URLs, use globals	2019-01-23 21:27:58 -08:00
types	Load React + Emotion from CDN URLs, use globals	2019-01-23 21:27:58 -08:00
README.md	Load React + Emotion from CDN URLs, use globals	2019-01-23 21:27:58 -08:00
package.json	Load React + Emotion from CDN URLs, use globals	2019-01-23 21:27:58 -08:00

README.md

@emotion/core

Simple styling in React.

Install

yarn add @emotion/core

Usage

/** @jsx jsx */
import { jsx, css, Global, ClassNames } from '@emotion/core'

render(
  <div css={{ color: 'hotpink' }}>
    <div
      css={css`
        color: green;
      `}
    />
    <Global
      styles={{
        body: {
          margin: 0,
          padding: 0
        }
      }}
    />
    <ClassNames>
      {({ css, cx }) => (
        <div
          className={cx(
            'some-class',
            css`
              color: yellow;
            `
          )}
        />
      )}
    </ClassNames>
  </div>
)

More documentation is available at https://emotion.sh.