mirror of
https://github.com/idanoo/GoScrobble.git
synced 2024-12-26 16:49:01 +00:00
| .. | ||
| dist | ||
| isolated-hoist-non-react-statics-do-not-use-this-in-your-code | ||
| jsx-dev-runtime | ||
| jsx-runtime | ||
| node_modules | ||
| src | ||
| types | ||
| CHANGELOG.md | ||
| LICENSE | ||
| macro.d.ts | ||
| macro.js | ||
| macro.js.flow | ||
| package.json | ||
| 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.