Marc Mintel
5397309103
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 20s
Build & Deploy / 🧪 QA (push) Failing after 34s
Build & Deploy / 🏗️ Build (push) Has started running
Build & Deploy / 🚀 Deploy (push) Has been cancelled
Build & Deploy / 🧪 Smoke Test (push) Has been cancelled
Build & Deploy / ⚡ Lighthouse (push) Has been cancelled
Build & Deploy / 🔔 Notify (push) Has been cancelled
49 lines
720 B
Plaintext
49 lines
720 B
Plaintext
# @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](https://emotion.sh).
|