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

Using react-native object styles alongside css strings

Hey there. I need to use (third party) object styles alongside styled-components' css template literal (+ styling functions). Something like the following example (doesn't work though, style is given precedense over everything) …

thumbsup
0
message-simple
7

Prefixing hashes

Hi there, I'm hoping to add a prefix to the generated hash classes. Would this be something that you would consider accepting as a PR? I'm thinking I could add an env variable process.env.SC_HASH_PREFIX which would get picked up when the hash is generated and saved. Our use case…

thumbsup
1
message-simple
1

Importing an external css file directly in styled components

I'm using a library which requires a css file to be imported into the react component. We need to import this file into a styled component that we can wrap the component in to enable the styling, something like: What's the best way to approach this? I need to this at the…

thumbsup
1
message-simple
10

Global styles injected two times

I used below code and saw in browser that style added two times saw page it got added When I tried samething with styled.div is just added once. …

thumbsup
0
message-simple
0

Is it possible detect to styled components in the browser?

I spend a lot of time working with designers to polish up designs, and it's often a tedious process that ends up with a lot of pixel-pushing. I've been thinking it would be great to create some kind of browser plugin that would allow them to select a styled component and view…

thumbsup
0
message-simple
0

Project structure for evolution with Gatsby

Hello, I am working on a project with Gatsby and I would like to know what is the best solution for a folder architecture at the start knowing that the project is intended for constant evolution. I wonder if I should group the components and styles file in the same folder or…

thumbsup
0
message-simple
0

Workflow for quickly building pages

Hey! In the past, I've been mostly using atomic CSS (bootstrap style). I see huge advantages in styled-components and migrated some of my projects to it. However, one thing I've noticed is that working on landing pages and content heavy pages have been much more time-consuming.…

thumbsup
1
message-simple
3

position of style

is there a way to position the style tag, whether to inject before header or body tag. https://github.com/styled-components/styled-components/issues/3181

thumbsup
0
message-simple
1

Any tutorials for Styled-component in React Native

Any tutorials for Styled-component in React Native or Online courses please suggest

thumbsup
0
message-simple
0

How can I stop styled-components from passing some props to the DOM?

I am using styled-system to add some responsiveness props like this to my styled components: display={{ xs: "none", sm: "block" }} But styled components passes the display prop to the DOM, so the rendered component has this attribute: …

thumbsup
0
message-simple
5