Buckets:
32.1 GB
673,093 files
Updated 5 months ago
Ctrl+K
| Name | Size | Uploaded | Xet hash |
|---|---|---|---|
| _isolated-hnrs | 30 items | ||
| dist | 47 items | ||
| jsx-dev-runtime | 23 items | ||
| jsx-runtime | 23 items | ||
| src | 19 items | ||
| types | 1 items | ||
| LICENSE | 1.09 kB xet | c8828d0a | |
| README.md | 720 Bytes xet | 35d048cd | |
| macro.d.mts | 27 Bytes xet | 8c0cca7e | |
| macro.d.ts | 31 Bytes xet | eaea2d58 | |
| macro.js | 62 Bytes xet | d5a7a7ce | |
| package.json | 14.8 kB xet | 8a943c04 |
@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.
- Total size
- 32.1 GB
- Files
- 673,093
- Last updated
- Mar 19
- Pre-warmed CDN
- US EU US EU