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

Wondering if anyone can help me with the idea of globally adding border during…

Details here. https://stackoverflow.com/q/59958836/25197

thumbsup
0
message-simple
2

Can we use `disableVendorPrefixes` and `disableCSSOMInjection` with TypeScript?

I'd like to use disableVendorPrefixes and disableCSSOMInjection which are introduced by v5 with TypeScript. But, when I use it, there is a typescript error. (TS2769: No overload matches this call.) It seems @types/styled-components doesn't support v5 but is there any way to use…

thumbsup
0
message-simple
0

How come this breaks my formatter?

I am always a bit thrown by the tagged template literal syntax, but when I include the below in my js file, it breaks all the formatting / code highlighting after. Do i need some extra settings?

thumbsup
0
message-simple
2

how to use keyframes in styled-compoents v4.

Styled components migration guid shows how to use it. But it doesn't work for me any other alternative. Using css helper is generating animation: p => p.animation ? p.animation :animationRule; output.

thumbsup
0
message-simple
0

Is it possible to use styled-theming to customize style-related props?

Hi guys, I'm using React-Native and i want to change the color prop of an ActivityIndicator according to the defined theme style. Is it possible do some like that using styled-theming? In ActivityIndicator, color is not set via 'style'. eg: …

thumbsup
0
message-simple
3

is it possible to style a third party component with style props?

I created a stackoverflow(https://stackoverflow.com/questions/59691731/create-styled-component-with-third-party-component-that-has-custom-style-props) post, but unfortunately haven't gotten any success. Right now it appears I cannot do what Im attempting. I have a ThemeProvider…

thumbsup
0
message-simple
5

https://github.com/styled-components/styled-components/pull/2951

Hey guys, I created a PR but there is no response for 5 days. Also, should I create additional PR targeting v4 or master?

thumbsup
0
message-simple
0

Hello everyone, I upgraded from styled-components 2.0.0 to latest version

I am using bootstrap where imported in global-style file. I have issue in using createGlobalStyle where I am specifying css selector like body { background:#DCEEFB } but its not working as expected by overriding the styles of bootstrap. Its only working when I use background:…

thumbsup
1
message-simple
1

[solved] Getting typescript Props type from created Styled Component

Hi, I'm trying to create an SVG react component which has all the props of the underlying styled-component (see NodeArrow in the example below). Is there a way to get the prop type/interface from a styled-component (here NodeArrowSvg) so I can pass it to NodeArrow? …

thumbsup
0
message-simple
2

nth child setting of cards in index page

Example: I want to set if Li components is visible and change it with hooks, I want to set it in different file - for example Ul component. Is it possible ? I want to toggle cards on click on button, affter click show 3 more cards. I want to set how many cards will I see in…

thumbsup
0
message-simple
0