Name	Last modified	Size	Description
	Parent Directory		-
	dist/	2023-06-09 12:49	-
	isolated-hoist-non-react-statics-do-not-use-this-in-your-code/	2023-06-09 12:48	-
	jsx-dev-runtime/	2023-06-09 12:48	-
	jsx-runtime/	2023-06-09 12:48	-
	src/	2023-06-09 12:48	-
	types/	2023-06-09 12:49	-
	macro.d.ts	1985-10-26 08:15	31
	macro.js.flow	1985-10-26 08:15	40
	macro.js	1985-10-26 08:15	62
	README.md	1985-10-26 08:15	698	f12eb36 documentaiton updates [كارل مبارك]
	LICENSE	1985-10-26 08:15	1.1K	7375cab EXHIBTION: fix overflow ellipsis cutoff [كارل مبارك]
	package.json	2023-06-09 12:49	2.8K	7375cab EXHIBTION: fix overflow ellipsis cutoff [كارل مبارك]
	CHANGELOG.md	1985-10-26 08:15	44K

# @emotion/react

> Simple styling in React.

## Install

```bash
yarn add @emotion/react
```

## Usage

```jsx
/** @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.