You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			|  | 3 years ago | |
|---|---|---|
| .. | ||
| _isolated-hnrs | 3 years ago | |
| dist | 3 years ago | |
| jsx-dev-runtime | 3 years ago | |
| jsx-runtime | 3 years ago | |
| src | 3 years ago | |
| types | 3 years ago | |
| LICENSE | 3 years ago | |
| README.md | 3 years ago | |
| macro.d.ts | 3 years ago | |
| macro.js | 3 years ago | |
| macro.js.flow | 3 years ago | |
| package.json | 3 years ago | |
		
			
				
				README.md
			
		
		
			
			
		
	
	@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.