menu

emotion

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

Channels
# All channels
view-forward
# General
view-forward
# Development
view-forward
# Help
view-forward
# Off Topic
view-forward
Team
Posts
Members
Info
down-caret

Bundling a component into an ES module

I'm having trouble bundling a React component that uses @emotion/core (with the css prop) into an ES module. I can properly build and bundle my component, but when used in a dependent (a separate project) that tries to import the ES module, I kept getting the following message…

thumbsup
0
message-simple
3

Why is my h2 heading not red?

I'm struggling to understand why the following example isn't working using the withComponent method on a styled component wrapping a JSX component wrapping a styled component. Am I going mad or missing something obvious? https://codesandbox.io/s/emotion-issue-template-g4jni I'd…

thumbsup
0
message-simple
2

How can I apply styles using emotion to a NavLink in React

const StyledNavLink = styled(NavLink)(props => ({ width: '100%', height: '59px', …

thumbsup
0
message-simple
2

is there a way to control the transparency of a color similar LESS fade() ?

thumbsup
0
message-simple
3

"css" prop adds "styles" to element class definition

https://github.com/emotion-js/emotion/issues/1783 Has anyone ever come across this? Losing hair with this here...

thumbsup
0
message-simple
0

Is it possible to make the Global feature respect component scoping?

I'm using emotion in a react app. I like the Global feature because I don't have to manually insert emotion styling into each element via the css prop anymore. The one Global element takes care of styling everything. But the problem is that global applies to every single…

thumbsup
0
message-simple
1

Background in the body layout of Global property from @emotion core

Hello everyone, I am trying to add a svg background image to the html body element. Do you know how I can do this? I have tried // Layout.js …

thumbsup
0
message-simple
1

Global in react-native App.js

Hey all -- I've used Global from @emotion/core in react projects before, but when I tried to add it in the App.js of a react-native project, it throws an error: null is not an object (evaluating 'this.props.cache.key') react native emotion …

thumbsup
0
message-simple
2

Enzyme Shallow Rendering and Emotion 10

When updating my team's project from Emotion 9 to Emotion 10 our component unit tests which use shallow rendering do not work anymore. Does Emotion 10 support shallow rendering?

thumbsup
0
message-simple
0

Cannot read property '__emotion_forwardProp' of undefined

Hi! I'm building a nextjs app (v9.2.1) and using emotion / styled system to build the UI. When I compile for production and run the server, I get this error in the console: which apparently means tag is undefined. Not sure how this would be possible using styled. …

thumbsup
0
message-simple
0