menu
Channels
Team
Posts
Members
Info
down-caret

React Native and styled-system/css

Is it possible to use styled-system/css with React Native and Styled Components? Any simple examples anywhere? I tried but wasn't able to make use of it... Cheers!

thumbsup
0
message-simple
0

Node of type atrule not supported as an inline style

I am trying to implement styled-system to my react native app . I want to use responsive style in my box. But I get warning "Node of type atrule not supported as an inline style" . // in theme …

thumbsup
0
message-simple
1

Extending through styled-component doesn't work like docs

I was looking to create a component which extend a Box really similar to the one presented in guide : You can find the section extend at the end where you can read : I wasn't able to reproduce this example with my component especially with borderRadius that never able to look…

thumbsup
0
message-simple
1

Pro tips for handling large component libraries

How do you handle styling for large component libraries? Currently have two objects that hold the values of the actual buttons. Is this a best practice? How can I keep the button colors scoped to the components and clone the theme down? any and all discussion would be…

thumbsup
0
message-simple
0

How to use styled-system Custom Responsive Props?

Not sure if I'm wording it correctly, but I've been banging my head against the wall for almost a day because of this. Thorough explanation: https://stackoverflow.com/questions/63071596/how-to-use-styled-system-responsive-props

thumbsup
0
message-simple
1

Do scale values work with string template style definitions?

I am doing this const ButtonStyled = styled(Primitives.Flex)\place-content: center; align-items: center; font-weight: bold; appearance: none; text-align: center; text-decoration: ${({ kind }) => (kind === 'naked' ? 'underline' : 'none')}; border-radius: 2;`` The primitive Flex…

thumbsup
1
message-simple
0

Performance when composing styled components

I'm working on an "atomic" React component library, and am wondering about the preferred method of composing components for achieving best performance. Assuming all else is equal, what is the recommended style of composing components:

thumbsup
1
message-simple
1

Using Styled-System Theme Variables in a String

Hello, I was wondering if there was a way I could use my theme variables such as 'neutrals.0' , 'primary.8', etc in the string css properties. e.g: …

thumbsup
3
message-simple
0

Breaking changes in responsiveness behaviour?

Hi! I'll most likely be doing something wrong but I was quite surprised to see that responsive color & padding example is working in [email protected]: https://codesandbox.io/s/styled-system-breakpoints-scale-and-aliases-6qlgs …

thumbsup
0
message-simple
0

Styled-System and Styled-Copmponents

Having a hard time changing the theme in regards to the styled-system aspect. I have a dynamic theme(light and dark) and the theme is accessible in my styled-component, however styled-system doesn't seem to be aware. Anyone have success with this?

thumbsup
0
message-simple
0