@emotion/core
    TypeScript icon, indicating that this package has built-in type declarations

    10.0.10 • Public • Published

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

    Keywords

    none

    Install

    npm i @emotion/core@10.0.10

    Version

    10.0.10

    License

    MIT

    Unpacked Size

    212 kB

    Total Files

    24

    Last publish

    Collaborators

    • tkh44
    • mitchellhamilton
    • emotion-release-bot
    • andarist