styled-components

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

https://styled-components.com

Channels

# stylelint-processor

Team

styled-components watercooler

November 16, 2017 at 9:01pm

Max StoiberTeam

@mxstbr

styled-components watercooler

November 16, 2017 at 9:01pm

Show previous messages

November 8, 2020 at 12:27pm

stereobooster@stereobooster

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

Edited

November 18, 2020 at 2:56pm

aspirisen@dmitrii-pikulin

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

Aaron@ajtj

5:16pm

hello

5:16pm

with styled-components I'm wondering if I can send styles as a styled object as a prop to another styled object

5:16pm

like a whole series of styles