menu
announcement

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

styled-components

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

Channels
Team

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 = () => (
<button
css={`
color: papayawhip;
background: palevioletred;
`}
>
Click me!
</button>
)
Simply upgrade to the latest Babel plugin version and you're ready to css and roll ๐Ÿ’ƒ๐Ÿผ
Let us know what you think! ๐Ÿ’œ
Show previous messages

August 20, 2019 at 5:28pm
Do any one of you know a way to properly highlight syntax within the css prop in VSCode? Bonus points if you know how to make colorize work there too!
Sorry, wrong channel (?) ๐Ÿ™ˆ (maybe should go to #help)
Edited

September 10, 2019 at 5:50am
You can get the syntax highlight by installing vscode-styled-components extension and using css helper.