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

Trying a concept for theme modifications that include layout changes. Thoughts?

I'm working out a concept for re-using components and overriding the objects to reflect more in depth changes across themes. Currently the only way I can think of doing it is like this but it feels pretty messy. Anyone have any thoughts, better ideas; a theme object doesn't feel…

thumbsup
0
message-simple
7

Which props appear as html attributes?

Does styled-components have some preference which props it shows as an attribute on a html tag? For e.g. I had a, and widths was actually appearing as an attribute on the div. If I changed the prop name to lets say foo, it wouldn't show it

thumbsup
1
message-simple
2

Is there a smarter way to pass props to all css properties?

I don't really like what I came up with here.

thumbsup
1
message-simple
2

Where are my css classes in a production release of styled-componets

When I run locally I can see the styled-components style tag in my head and when I expand it I see the css class names. However in a production build it still has the style tag in the head but it's empty. The strange thing is, when I delete that "empty" style tag from the…

thumbsup
0
message-simple
11

how to merge react-bootstrap element with styled-components element?

my styled-components element looks like this: const ContentContainer = styled.divtext-align: left; background: ${({ theme }) => theme.content}; I want to combine that element with CardColumns from react-bootstrap. …

thumbsup
0
message-simple
8

Typescript with Material-UI props

I'm trying to use styled-components with Autocomplete from material-ui/labs. The types from the components aren't working even though they're exactly the same as the non styled variant. I'm just doing: const StyledAutocomplete = styled(Autocomplete)`` …

thumbsup
0
message-simple
1

SC Best Practices for design system

Hey guys, I made my first project with styled-components. I usually use HTML, CSS/SCSS and JS/TS but I'm getting into CSS in JS now. I'm building a big component design system with Storybook. My setup is following: …

thumbsup
0
message-simple
1

Managing BEM with Styled Components

hey! I guess smbdy know how to manage bem with SC in this case:

thumbsup
0
message-simple
4

hey guys, how do I add our app taskade.com to the styled-components showcase?

thumbsup
0
message-simple
1

Styled components x CSS

hey guys, I need some tips to show that styled-components is better than the old parent CSS haha Anyone have some performance graph or any tip to what I can create to show the difference to render SC x CSS ( I really need numbers hahaha) Thanks

thumbsup
0
message-simple
1