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
Chat
Members
Info
down-caret

Issue in having a functional component wrapper on a styled component

I am creating a set of functional components in my code so that anybody can use it without knowing styled components: One problem with exposing this directly is that it doesn't call out which attributes it really needs. So i create a functional component wrapper on top of this…

thumbsup
0
message-simple
2

How can I insert a @print rule ?

Using this : Expected result : a global rule like this :@print {size: A4 landscape;} Actual result : a global rule like this :{size: A4 landscape;} …

thumbsup
0
message-simple
0

Unstable naming makes caching with etags problematic

Can I make the naming of the g284 part stable (over multiple servers) in data-styled.g284[id="sc-126s5ez-7"]{content:"kuChLP,"}. I'm having cache problems due to that styled components seam to generate new ids on re-render even though nothing has changed. Everything else that…

thumbsup
0
message-simple
0

How do I resolve styled.View is not a function error when using with RNW

I'm using styled-components in a react-native-web lerna project with a web/ next.js project and mobile/ expo project. I'm finding in the web project I'm not able to write: However it is possible to write styled(View) I see this documented online as a problem in a few places, but…

thumbsup
0
message-simple
0

Cypress and Styled components

Hi!! I'm having the following issue "Uncaught TypeError: Cannot read property 'SC_ATTR' of undefined" on my CI env, not when I run Cypress in headless mode on my local. Does anyone know how to solve it? …

thumbsup
0
message-simple
0

Nested tag template literals

Hello dear developers, here's my problem, hope you can help me out. I have the following component structure: • component.tsx (a react component) …

thumbsup
0
message-simple
9

Extends a component and add new value to a property that already have value

Hi! I'm wondering if there is a way to do this kind of thing: Lets suppose that we have a styled button in some library that I'm consuming with this styles: …

thumbsup
2
message-simple
0

Only half of styles make it to browser when React app embedded in WebForms app

Has anyone ran into this type of issue when using styled-components in a micro front-end? We're using bootstrap-styled, I'm not sure if that makes a difference.

thumbsup
0
message-simple
0

Design patterns

• Exist some Design pattern for React Components or Styled Components? • What do you think I should do to have good components?

thumbsup
0
message-simple
0

Use CSS Prop with CRA, Typescript & Storybook

Hey styled-components community, I have a project with the following toolchain: • React (with CRA) …

thumbsup
0
message-simple
0