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!


styled-components watercooler

November 16, 2017 at 9:01pm
Show previous messages

November 8, 2020 at 12:27pm
Hi. There are 3 ways to write styled-components Tagged Template Literals, Style Objects and the third one
const Button = styled.button((props) => `
color: ${props.color};
border: 2px solid ${props.border};
background: ${props.background};
I wonder why it's not listed in official docs

November 18, 2020 at 2:56pm
Hi, does someone know some syntax checker, correct css properties etc. for styled-components, maybe there is a plugin for eslint. I know about vscode extension, but it checks only in IDE, i can't check styled-components on CI

January 8, 2021 at 5:16pm
with styled-components I'm wondering if I can send styles as a styled object as a prop to another styled object
like a whole series of styles