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.