@emotion/core

v10.0.22(not latest)

Types
ESM
CJS

No description provided

License: MIT
Deps: 6/-
View dependency graph Inspect dependency tree
Install Size: 194.5 kB/-
Vulns: 0
Published: Oct 23, 2019

Get started

$npm install @emotion/core@10.0.22

$pnpm add @emotion/core@10.0.22

$yarn add @emotion/core@10.0.22

$bun add @emotion/core@10.0.22

$deno add npm:@emotion/core@10.0.22

$vlt install @emotion/core@10.0.22

Readme

@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>
)