What have you built with styled-system?
I'm curious to see how people have been using styled-system in real products/projects. More specifically, has anyone built a UI Component Library with it? Feel free to share what you've done ✨
What's in your Box?
Whenever I'm looking at a project that uses styled-system I like to look at what style props they put in their base Box component. Most seem to at least have the usual space and color, but I'm curious what other folks have opted to put in their own Box components. Has it grown…
Dealing with multiple 'variants'
Hello 👋 I've been looking at re-building Modulz's Component Library with styled-system. I decided to start with a Button component, since buttons typically have quite a few style variations. …
Alan B Smith·23d
Use with Object Styles
I looked around and didn't see any discussion on this, so I thought I'd ask here. I was wondering if there's a way to do something like this: The equivalent works great template literals, but some team members would like to use object styles.
Alan B Smith·36d
Build Better Component Libraries with Styled System
Help! Firefox not respecting styled system space properties
I've been developing an app with styled system and am loving it. I assumed that the styling will be adopted by all browsers, but after working with it for a while I discovered that Firefox is not respecting any styled-system properties that i'm throwing at my…
Who would be keen for a Q&A with styled-system creator?
Totally just thought of it, but I'd love a chance to have a small Q&A session with the creator of styled-system... to understand the vision and roadmap etc. Maybe if some of us in the community are keen we can propose it?
Lucas Arundell 🇩🇪·101d
Who's using this for design systems?
I'm really enjoying styled-system, but wish there was more community around it. Is there somewhere the community lives, or is it here? Keen to get more discussion happening!
Sarath S Nair ·140d
How to have conditional values for responsive items in an array?
I have an array marginRight: ["10px", "20px", "50px"] in which I want to have conditional values based on the prop we are passed. Say for example, for desktop and tablets, I want to have marginRight for the first element (the elements are created using Array.map() and we are…