Spectrum is now read-only. Learn more about the decision in our official announcement.


Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress!


Announcing support for the css prop! πŸŽ‰

November 26, 2018 at 8:39am

Announcing support for the css prop! πŸŽ‰

November 26, 2018 at 8:39am
Excited to announce that styled-components now has native support for the css prop!
const MyButton = () => (
color: papayawhip;
background: palevioletred;
Click me!
Simply upgrade to the latest Babel plugin version and you're ready to css and roll πŸ’ƒπŸΌ
Let us know what you think! πŸ’œ

November 26, 2018 at 8:40am
This has been a long time coming, hope y'all will enjoy this πŸ’œ
Awesome! 😍

November 26, 2018 at 6:22pm
Good job! It helps a lot for prototyping and adding such a great feature without even increasing runtime code is top notch 😁

November 27, 2018 at 11:50am
Really nice! But I don't totally understand when and when not to use it. Can we replace our current e.g. styled.div const with this as it just converts to the "old" style? It seems to be as powerfull as we need. (prop theme support and media querries?)
Or should we use this just for a quick testing purpose?
Also what does it do if we pass the css prop to a already declared styled component? Will it shallow or deep merge those styles?
Are there any performance issues when using this?
Show more messages