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

Variant Theming Library

Hey team, looking for some feedback on a variant theming library that I've created to support the many variants that my current company needs. Was really hoping that it would read a lot cleaner and remove a lot of the bloat that we see with current implementations of variant…

thumbsup
0
message-simple
0

how to use bootstrap css in styled components

how to customize bootstrap nav bar and grid

thumbsup
0
message-simple
0

styled-components vs. emotion

I've been a user of styled-components for probably close to 2 years now and it's transformed the way I think about CSS in react applications. I've been very happy with styled-components so far but I always had in the back of my mind that I wanted to try out emotion and see what…

thumbsup
20
message-simple
37

Why are styles not editable inside devtools?

thumbsup
0
message-simple
1

What is the best solution for creating a button component with multiple variants

Hi all, I am looking for an idea or example in order to create a single button component rather than multiple components. (I want to import like: import Button from './Button', not: import { PrimaryButton, SecondaryButton } from './Button) …

thumbsup
2
message-simple
11

how can i disable vendor prefix in styled-component?

thumbsup
1
message-simple
3

You like Ant-Design? Like styled-components? Chime in!

I'm trying to start a conversation on migrating Ant-Design to styled-components, since it looked like they were considering it. If anyone knows it well, since I don't know it at all, and would like to make a point over at their repo for SC, I'd appreciate…

thumbsup
5
message-simple
10

Forwarding defaultProps

I can't seem to find any issue around this but is there a reason that styled-components doesn't forward the defaultProps from a wrapped component? For example: This messes up PropType checking since propTypes are forwarded. Seems to be a new thinking v4.

thumbsup
0
message-simple
0

I have styled-components 4.2.0, I can't seem to add a custom attribute

Previously this worked: const CompNumber = styled.div.attrs({ 'test-id': 'data-chart-comp-number', …

thumbsup
0
message-simple
3

Typescript: Extending a Styled Component and overriding the `as` prop

This question is somewhat related to this If I create a simple Styled Component, it supports the correct props by default, for example: Now I want to extend the Card into a CardLink - which is a clickable Card. …

thumbsup
2
message-simple
3