@emotion/react

Simple styling in React.

Install

yarn add @emotion/react

Usage

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

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.

Current Tags

11.13.3 ... latest (3 months ago)
11.0.0-next.10 ... next (5 years ago)
11.0.0-rc.0 ... rc (4 years ago)

40 Versions

11.13.3 ... 3 months ago
11.13.0 ... 4 months ago
11.12.0 ... 4 months ago
11.11.4 ... 9 months ago
11.11.3 ... a year ago
11.11.1 ... a year ago
11.11.0 ... 2 years ago
11.10.8 ... 2 years ago
11.10.6 ... 2 years ago
11.10.5 ... 2 years ago
11.10.4 ... 2 years ago
11.10.0 ... 2 years ago
11.9.3 ... 2 years ago
11.9.0 ... 3 years ago
11.8.2 ... 3 years ago
11.8.1 ... 3 years ago
11.8.0 ... 3 years ago
11.7.1 ... 3 years ago
11.7.0 ... 3 years ago
11.6.0 ... 3 years ago
11.5.0 ... 3 years ago
11.4.1 ... 3 years ago
11.4.0 ... 4 years ago
11.1.5 ... 4 years ago
11.1.4 ... 4 years ago
11.1.3 ... 4 years ago
11.1.2 ... 4 years ago
11.1.1 ... 4 years ago
11.1.0 ... 4 years ago
11.0.0 ... 4 years ago
11.0.0-rc.0 ... 4 years ago
11.0.0-next.19 ... 4 years ago
11.0.0-next.17 ... 4 years ago
11.0.0-next.16 ... 4 years ago
11.0.0-next.15 ... 4 years ago
11.0.0-next.14 ... 4 years ago
11.0.0-next.13 ... 4 years ago
11.0.0-next.12 ... 5 years ago
11.0.0-next.11 ... 5 years ago
11.0.0-next.10 ... 5 years ago