In styled-components, custom property can use with props
const Item = styled.div`
color: ${({color}) => color};
background: ${({bgCbolor ...
For further actions, you may consider blocking this person and/or reporting abuse
If the component (Item) already has the variables set, that they are of higher specificity than the wrapper's (Var), therefore, rendering the Var's variables ineffective.
Also, it has the undesired side-effect of having to wrap the DOM element using a
div
that its whole function is solely to have the variables asclass
. This method is dirty since you can achieve the same result without the unnecessarydiv
wrapper element, but by simply adding another class, via Styled-components, which will only host the variables.I've made an example:
codesandbox.io/s/styled-components...
Is it possible to use CSS variables in React-Native? If not, is there a similar way to store variables in React-Native with Styled-Component?
Would using CSS variable prevent styled components (SC) generating classes per each CSS variable value?
e.g.) SC would generate 100 classes for 100 colors with props.
Maybe yes, component not generate classes but
<Vars>
components class is generated.I'm not that right solution but it's maybe solve
attrs
.styled-components.com/docs/basics#...