aa2823eee5 | ||
---|---|---|
.. | ||
_isolated-hnrs | ||
dist | ||
jsx-dev-runtime | ||
jsx-runtime | ||
src | ||
types | ||
LICENSE | ||
README.md | ||
macro.d.mts | ||
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.