#styledsystem search results
TypeScript: Extract types from styled function component and styled system types stackoverflow.com/questions/6690… #styledsystem #styledcomponents #typescript
What am I missing here? According to my research this should augment the interface but it seems to be ignored... #typescript #styledsystem
maugowes.com kini hadir opsi #DarkMode terimakasih untuk tim @maucoding dan @maugowes dan jempol untuk #StyledSystem #StyledComponent
Was able to replicate #StyledSystem responsive width prop using Web Components and CSS Custom Properties 🤝 <my-component width={[1, 1/2, 1/3]} /> codesandbox.io/s/responsive-w…
Working on #WebComponents that use responsive utility props for styling like #Rebass or #StyledSystem components. 💄 CSS custom properties for prop values 🚔 Enforces theming by defaulting to design tokens ♻️ Works in most (if not all?) frameworks
For those of you using #theme-ui or #styledsystem looking to get around some of the default transformations used in the theme spec but don’t want to break it, consider using a Proxy. developer.mozilla.org/en-US/docs/Web…
#styledsystem and #styledcomponents question: How do we get around `mb` and `mt` taking priority over `my` props?
How to pass an internal prop (not a css property) to a component via the #styledsystem variant API? #react
Finally released the redesign of my personal blog and portfolio 🙌🔥📱 Working out some kinks, but digging the new aesthetic 🔲 powered by #StyledComponents #StyledSystem #Rebass Obligatory blog post here 👇 whoisryosuke.com/blog/2019/the-…
#CabanaDesignSystem for React just got a big update - we're now on the latest #styledsystem and #styledcomponents versions! lucastobrazil.github.io/cabana-react-d…
Look ma, no CSS! Wanted to dig deeper into @sveltejs and came up with a small implementation to use responsive style props (as used by #chakraui or #styledsystem) with svelte. Fully reactive! DEMO: tiny.cc/w8y5iz #writelesscode #learninpublic @swyx @Rich_Harris
I ♥ @gatsbyjs! had a random thought 30min ago about implementing search for our Gatsby-based Design System website. Checked the docs, found gatsby-plugin-elasticlunr-search, added. Boom 💥 That, plus the fun of 'snapping together' theme-based styles thanks to #styledsystem
#styledsystem and #themeui peeps - a question on "space" scale. Often in the 8pt grid I see the 4px unit introduced to allow smaller *half of 8* control. But the DX is affected when you try to use space[x] ... any good documentation around this?
![LucasArundell's tweet image. #styledsystem and #themeui peeps - a question on "space" scale. Often in the 8pt grid I see the 4px unit introduced to allow smaller *half of 8* control. But the DX is affected when you try to use space[x] ... any good documentation around this?](https://pbs.twimg.com/media/D_tjC6KU0AAJ5o-.jpg)
Para gestión de design tokens, recomiendo **Style Dictionary** (styled-system). 🚀 Convierte tus tokens a múltiples formatos (CSS, JSON, Swift...) automatizando la portabilidad del diseño. Ideal para equipos escalando! #designsystem #designtokens #styledsystem...
If you're using styled-system, and you've been wanting more from it, you might want to take a look at System Props. There's lots of new features here that make the DX great. 📦 system-props.com #styledsystem #designsystems #emotion #styledcomponents
I find Chakra-UI the best #React component framework chakra-ui.com Provides just enough to get started, implements sensible defaults, but is also very extensible and customisable because it uses #styledsystem and @emotioncss. Thanks @thesegunadebayo 😎
#styledsystem How to avoid HTML attribute warnings without needing to specify literally all `space`, `typography` etc props? Docs suggest destructuring but that only works when you have a finite set of props to ignore
What do people think of #styledsystem? I was all in on it but now finding it a bit complex when making iterations (whereas initial UI development is very fast). I probably just need to spend more time on base elements so there's less need for lots of unique props.
Para gestión de design tokens, recomiendo **Style Dictionary** (styled-system). 🚀 Convierte tus tokens a múltiples formatos (CSS, JSON, Swift...) automatizando la portabilidad del diseño. Ideal para equipos escalando! #designsystem #designtokens #styledsystem...
Up your Styled-Components game by using Styled-System along with it! #webdev #FullStack #styledsystem #styledcomponents #ReactJS #React styled-system.com
maugowes.com kini hadir opsi #DarkMode terimakasih untuk tim @maucoding dan @maugowes dan jempol untuk #StyledSystem #StyledComponent
Definitely @chakra_ui . It is built on #styledsystem with prop based styling that is so darn readable. It is so nice to go back and look at my code and actually understand the styles. Even responsive styles make sense to ur future self. Do future u a favor, use @chakra_ui .
Amazing work @jxnblk!! 👏 Highly recommend to check it out: theme-ui.com #StyledSystem #ThemeUI #DesignSystems
Been battling with a bunch of #designsystem tech debt in a product at the moment, and tried out an old DS I built with #styledsystem last year and it just worked out of the box. I love the state of design system-in-JS libraries 2021!
Building React Native applications with Styled System #reactnative #styledsystem blog.logrocket.com/building-react…
If you're using styled-system, and you've been wanting more from it, you might want to take a look at System Props. There's lots of new features here that make the DX great. 📦 system-props.com #styledsystem #designsystems #emotion #styledcomponents
TypeScript: Extract types from styled function component and styled system types stackoverflow.com/questions/6690… #styledsystem #styledcomponents #typescript
What's the latest on #styledsystem and/or #themeui ? Has everybody moved on to something else? asking before I start up a new project. I really loved the styledsystem experience CC @jxnblk
I'm a big fan of #ChakraUI for rapidly prototyping #ReactJS apps. It's solid enough for production, easy to customize lightly, and fairly seamless to replace if you use another #StyledSystem based component library.
2. Composable UI Components Breakdown #ui components into smaller parts with minimal style props. It helps keep a low complexity budget and compose them together to reach the necessary functionality goals. #styledsystem
<Button/> is the smallest part of a website and one the hardest to develop if you want to manage all its basic states and shapes. 😲 #react #styledSystem
I tested out #Restyle by @ShopifyEng, a system for creating UI libraries focused on design tokens. It's inspired by #StyledSystem, and since I use it a lot in my #designsystems work, I compared the two: dev.to/whoisryosuke/r…
nearly done writing my article on comparing #Restyle by @ShopifyEng to #StyledSystem. had a great time using the library, near-effortless #Typescript support 👏
Anyone know how to use additional props with #styledsystem? I'm trying to include some default input props in my component. Do I just do it the same as in styled components? Here's an example with #stylecomponents styled-components.com/docs/basics#at…
Enjoying getting my hands on #StyledSystem and #StyledComponents to play around with this week. It's almost magic ✨
TypeScript: Extract types from styled function component and styled system types stackoverflow.com/questions/6690… #styledsystem #styledcomponents #typescript
maugowes.com kini hadir opsi #DarkMode terimakasih untuk tim @maucoding dan @maugowes dan jempol untuk #StyledSystem #StyledComponent
What am I missing here? According to my research this should augment the interface but it seems to be ignored... #typescript #styledsystem
For those of you using #theme-ui or #styledsystem looking to get around some of the default transformations used in the theme spec but don’t want to break it, consider using a Proxy. developer.mozilla.org/en-US/docs/Web…
Was able to replicate #StyledSystem responsive width prop using Web Components and CSS Custom Properties 🤝 <my-component width={[1, 1/2, 1/3]} /> codesandbox.io/s/responsive-w…
Look ma, no CSS! Wanted to dig deeper into @sveltejs and came up with a small implementation to use responsive style props (as used by #chakraui or #styledsystem) with svelte. Fully reactive! DEMO: tiny.cc/w8y5iz #writelesscode #learninpublic @swyx @Rich_Harris
Finally released the redesign of my personal blog and portfolio 🙌🔥📱 Working out some kinks, but digging the new aesthetic 🔲 powered by #StyledComponents #StyledSystem #Rebass Obligatory blog post here 👇 whoisryosuke.com/blog/2019/the-…
#styledsystem and #styledcomponents question: How do we get around `mb` and `mt` taking priority over `my` props?
How to pass an internal prop (not a css property) to a component via the #styledsystem variant API? #react
#styledsystem and #themeui peeps - a question on "space" scale. Often in the 8pt grid I see the 4px unit introduced to allow smaller *half of 8* control. But the DX is affected when you try to use space[x] ... any good documentation around this?
#styledsystem peeps again! what are thoughts on the two approaches below? I have done the first one, and i like that the defaultProps have a similar look to the jsx props when using the components. Are there pros/cons of each approach?
#styledsystem How to avoid HTML attribute warnings without needing to specify literally all `space`, `typography` etc props? Docs suggest destructuring but that only works when you have a finite set of props to ignore
hey #styledsystem and @gatsbyjs peeps - I'm trying to implement a dark mode switch but run into a React error for using hooks. Any tips? @jxnblk @Peduarte
#styledsystem is the gift that keeps on giving. Using responsive style props to easily change headings from left aligned on desktop to center-aligned on mobile. A design choice that often comes up and easily solved with s-s! #css #js #react
Loving how easy #styledsystem is to work with. Here I am 'extending' the @materialui Select component and overriding its css with #styledcomponents then extending our beloved `Box` to get all the regular styled-system props. Thanks @jxnblk ✌️
Hey #styledsystem and @reactjs peeps! Wondering is it a bad idea to attach "extra" properties to my DS components solely for the use of reading them for documentation? Below eg shows passing s-s functions... CC @jxnblk @peduarte @thesegunadebayo
Something went wrong.
Something went wrong.
United States Trends
- 1. Kevin James 6,569 posts
- 2. Bubba 38.2K posts
- 3. Bill Clinton 133K posts
- 4. Jack Hughes 2,541 posts
- 5. #BravoCon 5,964 posts
- 6. End 1Q N/A
- 7. Metroid 12.9K posts
- 8. Marlene 5,388 posts
- 9. #cthsfb N/A
- 10. John Beam 11.6K posts
- 11. Last Chance U 6,154 posts
- 12. Vatican 16.5K posts
- 13. Matt Taylor 3,228 posts
- 14. Samus 6,792 posts
- 15. Michelle Obama 11K posts
- 16. Wale 46.6K posts
- 17. $GOOGL 20.7K posts
- 18. $EDEL 1,220 posts
- 19. Hunter Biden 24.2K posts
- 20. Oakland 12.3K posts