Posts
Members
Info
Best practice for Typescript and styled.div<Props>((props: Props) => { ... })
Hi all. Is this the expected way to type your props in typescript to get a theme to pass through? I'm not seeing much typescript documentation on styled-components.com so if someone can provide a resource for this type of stuff would love that!
1
0
App Bundle Size
Hey guys, So I'm am trying to use styled-components inside an ejected create-react-app, and the issue I run into is my apps bundle size with styled components. Which form some reason takes up almost 800 kb for just a few pages, I would really appreciate if someone could help me…
0
3
Extending a Styled Component
I am running v5 of Styled Components and am having some issues extending a styled component. I will show the code below. I have a Heading component which returns a React.FC containing a StyledHeading. Then, in a different file, I am trying to extend Heading. However, when doing…
0
1
Gatsby app is not able to consume my component library with style-components.
I have a React component library (lib) that's built with styled components. I have another app built on Gatsby (app) that is consuming lib. When the app runs, none of the styles defined in my lib are appearing. The same lib is working fine when consumed by a CRA app or a Next.js…
0
0
ThemeProvider does not pass theme prop to reactstrap tooltip
Hey everyone, I am trying to use a styled-component inside the reactstrap tooltip, but the theme prop is not present there. The app is encapsulated using the ThemeProvider component to pass the theme across the app to all styled-components. Anything that I am missing here ?
0
1
How do I type the return value of the css helper function in TypeScript?
👋 I am trying to do a very simple thing: have a function that returns csscolor: someCustomColor``. What would the return type of that function be? Is FlattenSimpleInterpolation the only type css helper returns? Or should I account for other types?
1
2
Extending Styles
Hi! I have a Styled Component called Title that includes three sub-components (Title1, Title2, Title3). When importing Title into another React Component (News), I want Title to be all the same, except for an alignment in Title2. How can I make this change without having to…
0
0