menu
announcement

Spectrum is now read-only. Learn more about the decision in our official announcement.

emotion

Emotion is a css-in-js library focused on performance and developer experience

Channels
Team
Posts
Members
Info
down-caret

Emotion cacheProvider doesn't pick up styles from another npm component

hi there! is there anyone that can help me get to the bottom of how to do this? https://github.com/emotion-js/emotion/issues/1386

message-simple
0

I can't install npm install --save @ emotion / react

Unrecognized token in source text. At line:1 char:20 • npm install --save <<<< @emotion/react …

message-simple
0

What's the recommended way to type useRef with emotion styled components

For example: So far, I've been manually searching for what type the component is and typing it in. For example, above it would be useRef<HTMLDivElement>. Is there a more type-friendly way of doing this? Maybe something akin to useRef<HTMLType<Wrapper>>? Thank you!!

message-simple
0

use css prop with a custom component

Hi, I posted this question in stackoverflow: https://stackoverflow.com/questions/66746494/emotion-use-css-prop-with-custom-components However, I am not sure if the real question is whether my intended usage is a good way to use emotion? The fact that I couldn't google any…

message-simple
0

Using css`...` in Styled Component syntax

My team and I started to use Emotion with the Styled Component syntax and so far it's been pretty straightforward to use. However, at some point we came across the following syntax when there are multiple properties that need something from the props: Another colleague didn't…

message-simple
0

How to configure params with babel-plugin-marco ?

message-simple
0

Help with TS-based + emotion design system error

Hi. I have a React TS-based design system built with emotion, styled-system, and theme-ui and am encountering a TS error I can't seem to resolve. It seems like a simple fix, I just haven't been able to debug it... I'm seeing the issue in…

message-simple
0

The emotion/styled classname breaks snapshot tests

Is there a way of making the classnames not change every time you edit some styling?

message-simple
6

What is the relationship between emotion10 and @emotion/[email protected]

message-simple
0

Minimize the class name hash generated by emotion

Hi! How can I minimize the class name hash generated by emotion? From: To:

message-simple
1