vscode-styled-components

vscode-styled-components copied to clipboard

https://styled-components.com/docs/api#css-prop

<div
  css={`
    background: papayawhip;
    color: ${props => props.theme.colors.text};
  `}
/>

just found out about that feature :-D

sad that it does not autocomplete in vscode

For now I am using:

<div
  css={css`
    background: papayawhip;
    color: ${props => props.theme.colors.text};
  `}
/>

I am not sure if this can fatten transpiled code.

dupe of https://github.com/styled-components/vscode-styled-components/issues/220

dupe of #220

It isn't a duplicate of #220 as the language server does not even recognize the template string to allow autocomplete despite it having syntax highlighting. The only workaround is wrapping the template string with the css function as suggested by @xeladejo.