babel-plugin-emotion

WebJar for babel-plugin-emotion

License

License

MIT
GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

babel-plugin-emotion
Last Version

Last Version

10.0.15
Release Date

Release Date

Type

Type

jar
Description

Description

babel-plugin-emotion
WebJar for babel-plugin-emotion
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/emotion-js/emotion

Download babel-plugin-emotion

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.npm/babel-plugin-emotion/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>babel-plugin-emotion</artifactId>
    <version>10.0.15</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/babel-plugin-emotion/
implementation 'org.webjars.npm:babel-plugin-emotion:10.0.15'
// https://jarcasting.com/artifacts/org.webjars.npm/babel-plugin-emotion/
implementation ("org.webjars.npm:babel-plugin-emotion:10.0.15")
'org.webjars.npm:babel-plugin-emotion:jar:10.0.15'
<dependency org="org.webjars.npm" name="babel-plugin-emotion" rev="10.0.15">
  <artifact name="babel-plugin-emotion" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='babel-plugin-emotion', version='10.0.15')
)
libraryDependencies += "org.webjars.npm" % "babel-plugin-emotion" % "10.0.15"
[org.webjars.npm/babel-plugin-emotion "10.0.15"]

Dependencies

compile (10)

Group / Artifact Type Version
org.webjars.npm : find-root jar [1.1.0,2)
org.webjars.npm : babel-plugin-macros jar [2.0.0,3)
org.webjars.npm : source-map jar [0.5.7,0.6)
org.webjars.npm : emotion__serialize jar [0.11.9,0.12)
org.webjars.npm : babel-plugin-syntax-jsx jar [6.18.0,7)
org.webjars.npm : emotion__hash jar [0.7.2]
org.webjars.npm : escape-string-regexp jar [1.0.5,2)
org.webjars.npm : babel__helper-module-imports jar [7.0.0,8)
org.webjars.npm : emotion__memoize jar [0.7.2]
org.webjars.npm : convert-source-map jar [1.5.0,2)

Project Modules

There are no modules declared in this project.

Emotion logo

emotion

The Next Generation of CSS-in-JS

Emotion 11 has been released ๐Ÿš€ See the blog post

Backers on Open Collective Sponsors on Open Collective npm version Build Status codecov @emotion/css size @emotion/css gzip size @emotion/react size @emotion/react gzip size @emotion/styled size @emotion/styled gzip size slack spectrum

Emotion is a performant and flexible CSS-in-JS library. Building on many other CSS-in-JS libraries, it allows you to style apps quickly with string or object styles. It has predictable composition to avoid specificity issues with CSS. With source maps and labels, Emotion has a great developer experience and great performance with heavy caching in production.

๐Ÿ‘€ Demo Sandbox

๐Ÿ“– Docs

Frequently viewed docs:

Quick Start

Get up and running with a single import.

npm install --save @emotion/react
/** @jsx jsx */
import { jsx } from '@emotion/react'

let SomeComponent = props => {
  return (
    <div
      css={{
        color: 'hotpink'
      }}
      {...props}
    />
  )
}

Do I Need To Use the Babel Plugin?

The babel plugin is not required, but enables some optimizations and customizations that could be beneficial for your project.

Look here ๐Ÿ‘‰ emotion babel plugin feature table and documentation

Demo Sandbox

Demo Code Sandbox

Examples

Ecosystem

In the Wild

Contributors

This project exists thanks to all the people who contribute. [Contribute].

Backers

Thank you to all our backers! ๐Ÿ™ [Become a backer]

Sponsors

Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]

Thinkmill

org.webjars.npm

emotion

Versions

Version
10.0.15
10.0.9
10.0.6