Posts
Members
Info
Using `babel-plugin-styled-components` as a published component library.
I'm making a component library in a separate npm package, when building it and publishing it, I've enabled the plugin babel-plugin-styled-components. When using it in my application project, the helper classes aren't there so I only get: class="sc-fzozJi sc-fznyAO bexLwb", but…
0
7
Typescript and rest props
Hi, I'm trying to have a type for my ...restProps property but apparently the typescript's build in JSX.IntrinsicElements['button'] is not compatible with styled components and I'm wondering if there are any solutions to this problem. Above is my code but the TS compiler…
0
5
Stop SC randomly generating classnames
I've seen instances where styled components can have classnames that aren't randomly generated, how do you do that?
0
8
How to do one Info Tooltip?
Hey guys, Do you know how to do one Info Tooltip with svg icon in react? I tried this https://codesandbox.io/s/hover-test-reactjs-8cdkx, it goes fine, but in my project doesn't work the hover. The style "cursor: pointer" doesn't work too. And I need to show a message when mouse…
0
0
Error using styled-components/macro in create-react-app project
Hi all, I am getting the following error while using styled-components/macro in create-react-app project: And there is a runtime error with N.css is not a function. …
0
0
Referencing other components (Not Working?)
Hey folks. This seemed pretty easy to do at the get go but for the life of me I can't figure out why it's not working. I'm trying to have my parent component change its :after properties when its child is focused. Sounds easy, right? Currently I have a component tree like…
0
2
attrs className is adding classes to the end of the list
Hi, I would like to set up default className for my styled component using attrs({ className: "text-left" }) and then if I want to change that behaviour, for example adding new class to the end text-right, by using <Text className="text-right" />. I expected I would get…
0
1