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

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

message-simple
0

Emotion has become very popular, but what about UI component libraries?

Emotion and Emotion Core now have over 4M weekly downloads. However, as a consumer of Emotion, I find myself limited in the ability to use external UI libraries. I'd love to see a UI component library which I can customize and style with Emotion, just as I do with my own…

message-simple
11

Using @emotion/css directly, garbage collection of unused classes?

I'm trying to use @emotion/css directly in a Svelte application, but I was wondering how Emotion knows it should remove a style again when it's not used anymore. Currently if you calculate a class / style based on a svelte prop that changes very often, you end up which a huge…

message-simple
0

Why is emotion core recommended for React instead of emotion styled?

The documentation states: To me it seems natural to separate the styled components in a different file and then import them to use in their component, however this does not seem to make sense using only emotion/core since the components are styled directly. So I wonder what are…

message-simple
0

Is the slack channel going to be reintroduced or is the community jst here now?

message-simple
1

Does emotion have something similar to StyleSheetManager in SC?

Hi, I need to inject style tag into a specific DOM element. In Styled-Components this can be done using StyleSheetManager: https://styled-components.com/docs/api#stylesheetmanager Can I do the same in emotion?

message-simple
1

I used bootstrap classes, and supposed I want to change some values in class…

Eg. if class is .text-danger for text danger color is red …

message-simple
0

v11: @emotion/css vs @emotion/react, in Gatsby

I've been playing around with v11, planning a utility/atomic style framework implementation, and finding I prefer the ergonomics of @emotion/css and className (Vanilla), to @emotion/react and the css prop. Are there disadvantages or hurdles I have to overcome re SSR etc if I…

message-simple
6

Emotion 10

Was playing around with the new version (10) of emotionjs last night. I've gotta say it's quite disappointing, css can no longer be used as is, plus with the jsx pragma and css prop you must use. It all just feels bad 😑. From what I can tell this is an effort to make the CSS…

message-simple
10

Next.js example and CacheProvider (v11)

In the nextjs example, why does the custom _app use the CacheProvider? https://github.com/zeit/next.js/blob/canary/examples/with-emotion-11/pages/_app.js#L10

message-simple
4