@emotion/hash

WebJar for @emotion/hash

License	License MIT
GroupId	GroupId org.webjars.npm
ArtifactId	ArtifactId emotion__hash
Last Version	Last Version 0.8.0
Release Date	Release Date Jun 5, 2020
Type	Type jar
Description	Description @emotion/hash WebJar for @emotion/hash
Project URL	Project URL https://www.webjars.org
Source Code Management	Source Code Management https://github.com/emotion-js/emotion

Download emotion__hash

Filename	Size
emotion__hash-0.8.0.pom
emotion__hash-0.8.0.jar	11 KB
emotion__hash-0.8.0-sources.jar	22 bytes
emotion__hash-0.8.0-javadoc.jar	22 bytes
Browse

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/emotion__hash/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>emotion__hash</artifactId>
    <version>0.8.0</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/emotion__hash/
implementation 'org.webjars.npm:emotion__hash:0.8.0'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/emotion__hash/
implementation ("org.webjars.npm:emotion__hash:0.8.0")

Apache Buildr

'org.webjars.npm:emotion__hash:jar:0.8.0'

Apache Ivy

<dependency org="org.webjars.npm" name="emotion__hash" rev="0.8.0">
  <artifact name="emotion__hash" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='emotion__hash', version='0.8.0')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "emotion__hash" % "0.8.0"

Leiningen

[org.webjars.npm/emotion__hash "0.8.0"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

emotion

The Next Generation of CSS-in-JS

Emotion 11 has been released 🚀 See the blog post

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

emotion website [Demo Here]
next-hnpwa-guide-kit [Demo Here]
reactivesearch, a react UI library for Elasticsearch [Website]
circuit-ui, a react component library built at SumUp [Storybook]
open a PR and add yours!

Ecosystem

stylelint - A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.
facepaint
emotion-vue
nuxt-community/emotion-module - Emotion module for Nuxt.js
ember-emotion
CSS to emotion transform
ShevyJS
design-system-utils - Utilities to give better access to your design system.
polished - Lightweight set of Sass/Compass-style mixins/helpers for writing styles in JavaScript.
monad-ui - Utility First CSS-In-JS
css-in-js-media - you can deal with responsive design using css-in-js easily with this css-in-js-media which is similar with include-media
emotion-native-extended - Better styling support for Emotion Native with React Native Extended Stylesheet