menu

styled-components

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

Channels
Team
Posts
Chat
Members
Info
down-caret

How can I write this better?

Hey Guys! How y'all doing? Just wondering if there is a better way to write this! The code works ok

thumbsup
0
message-simple
3

Link me to small projects using Styled-Components

Can anyone link me to small React projects that use Styled Components please. I tried looking at the one for spectrum but it's confusing me. Thanks!

thumbsup
0
message-simple
1

I'm getting webpack error when building my next.js project on my ubuntu server

I've got a nextjs project that work well in ly local laptop which runs windows 10,but when i clone the same projet from my bitbucket repository and build i get webpack problems. Here is my .babelrc config: package.json …

thumbsup
0
message-simple
1

Code structure examples

Hi All 👋 Anyone know of any mid size or large open source apps built with styled components? I'd like to see code and get ideas for how I should be structuring my code

thumbsup
1
message-simple
5

Just released a styled component library. Expo Web with styled + breakpoints

Get to use breakpoints in styled-components/native for the web when using Expo web. All feedback welcomed! https://github.com/bidah/styled-native-breakpoint-for-web

thumbsup
1
message-simple
0

using the css prop instead of styled()

My team is considering the use of the css prop the best practice for creating a Styled Component. I’m very skeptical, and think that the anonymity it creates around the element (no React display name, no prefixed component name in the generated class) could make it a debugging…

thumbsup
1
message-simple
2

stuck creating a library with styled-components

Hey everybody! I am creating a library using styled-components. I have seen the guidelines and set styledcomponents as a devDependecies and also as a peerDependecies. The build step is done with babel. The thing is that when testing the library y get ReferenceError: styled is…

thumbsup
0
message-simple
1

What are the benefits of using <ThemeProvider> vs. plain string interpolation?

Can’t I just do something like this?

thumbsup
0
message-simple
1

Hi Folks, I am facing problems with styled component + stylelint

Do you have any tip on what I am doing wrong here? My .stylelintrc:

thumbsup
0
message-simple
1

Utility Classes

Normally when im developing for the web I have some utility classes for margins, text centering and others like, .u-margin-top-medium { margin-top: 40px<, …

thumbsup
0
message-simple
5