menu

styled-components

Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress!

Channels
Chat
view-forward
# All channels
view-forward
# General
view-forward
# Help
view-forward
# jest
view-forward
# Off Topic
view-forward
# Website
view-forward
Team
Posts
Members
Info

Integrating two micro-services that both use styled-components

Hello all, I'm attempting to run a simple "proxy" EC2 instance wherein I have a simple structure grabbing 5 microservices from other EC2 instances. 2 of those microservices are using styled-components and therefore neither loads. I did alter each microservices' webpack to build…

thumbsup
0
message-simple
0

React Native TextInput loses focus on call setState

https://snack.expo.io/BJSfYqlCS Can anyone says what im doing wrong? :(

thumbsup
0
message-simple
0

Debugging SSR rendering

Hello, I am trying to run styled-components with SSR streaming. Styles work fine once app is rehydrated. However, there is a flickering and when I check server rendered output, there are no styles. Even switching to renderToString and checking sheet for rendered styles it…

thumbsup
0
message-simple
0

How to override GlobalStyles in styled-components?

I have a monorepo maintained with yarn workspaces and the set up looks roughly like this: I export two things from theme: In "app-1" and "app-2", I'd like to keep the global styles as they are, but in "app-3", I'd like to override them. …

thumbsup
0
message-simple
0

What is the best way to use cypress testing with styled components?

I am in the middle of the project and now realised we need cypress. What is the best way to overcome this task? or should change this qa aspect?

thumbsup
0
message-simple
0

Merging styles into a component?

How do I add more style rules to a styled component? Migrating from JSS and I'm probably missing something basic, looking for something similar to accepting and passing props.classes

thumbsup
0
message-simple
5

Next JS with styled components component library

Hi! Im trying to get next js to load properly with a transpiled styled components component library. Here is a reproducable demo with other libraries to get it to work with NEXT: https://github.com/vongohren/fouc-example So what happens is that I have a small app that renders…

thumbsup
0
message-simple
0

Removing PropTypes from build

I noticed that propTypes on my styled components doesn't get removed from bundles with babel-plugin-transform-react-remove-prop-types. How do you guys solve this? Example:

thumbsup
0
message-simple
1

need help with passing props to component

styled.buttonpadding: 10px 30px; display: inline-block; border-radius: ${props => props.round ? "999px !important" : "10px !important"}; background-color: #eb6a3a !important ; color: #fff; border: none; position: absolute;; this piece of code is working great in firefox and…

thumbsup
0
message-simple
2

where is the source code? just built code in packages folders!

I am kind of lost. I get into styled-components/packages and I only find the dist folder! where is the source code of each package then?

thumbsup
0
message-simple
2