❤
npm
Sign UpSign In

react-emotional
TypeScript icon, indicating that this package has built-in type declarations

9.2.10 • Public • Published

react-emotional

The styled API for emotion and react

react-emotional exports styled which allows you to use emotion to create React components that have styles attached to them, it also exports all of emotion's exports.

For more documentation on styled, read about it and try it out in the styled docs

npm install --save emotion react-emotional
// @live
import { injectGlobal, css } from 'react-emotional';
 
injectGlobal(`
  @mixin flex {
    display: flex;
    align-items: center;
  }
  
  :root {
    --blue: #3791f5;
  }
`);
 
const SomeComponent = css`
  @include flex;
  background-color: var(--blue);
`;
 
 
render(
  <SomeComponent />
)

Readme

Keywords

Package Sidebar

Install

npm i react-emotional

Repository

github.com/smeijer/react-emotion

Homepage

github.com/smeijer/react-emotion#readme

Weekly Downloads

30

Version

9.2.10

License

MIT

Unpacked Size

16.3 kB

Total Files

13

Last publish

Collaborators

  • smeijer
Try on RunKit
Report malware