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
Members
Info

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

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

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

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

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

Hover styles causing recalculated and invalidated styles

The style errors happen on the styled-components website, which is kind of surprising. demo gif: https://media.giphy.com/media/VJTjeUsfgYPwstBTaX/giphy.gif url in the demo: https://www.styled-components.com/docs/advanced/#referring-to-other-components

thumbsup
0
message-simple
0

Interpolation Performance

Hey folks, I am working on a large application and looking to begin moving from JSS to SC. In Material / JSS we're using conditional classes (for prop flags) + inline styles (for prop values) to combat interpolation. The idea is that to be more performant so that the entire…

thumbsup
1
message-simple
2

Vendor prefixing doesn't seem to work

Hi guys, I've read in multiple places that styled-components automatically does vendor prefixing, but I've noticed after testing components using styled-components in Storybook that the prefixing isn't happening (for example, CSS Grid didn't have the '-ms-' prefix, etc.). Is…

thumbsup
0
message-simple
1

Announcing support for the css prop! 🎉

Excited to announce that styled-components now has native support for the css prop! Simply upgrade to the latest Babel plugin version and you're ready to css and roll 💃🏼 Announcement blogpost with a lot more info:…

thumbsup
37
message-simple
33