@emotion/react
TypeScript icon, indicating that this package has built-in type declarations

11.14.0 • Public • Published

@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.

Readme

Keywords

none

Package Sidebar

Install

npm i @emotion/react

Weekly Downloads

10,640,014

Version

11.14.0

License

MIT

Unpacked Size

817 kB

Total Files

149

Last publish

Collaborators

  • tkh44
  • emotion-release-bot
  • andarist
  • emmatown