vscode-styled-components icon indicating copy to clipboard operation
vscode-styled-components copied to clipboard

Syntax highlighting for styled-components

Results 83 vscode-styled-components issues
Sort by recently updated
recently updated
newest added

Compiled correctly but highlighted errors ``` background-image: url(${(props) => props.$color === "green" ? StepBgGreenImage : StepBgPurpleImage}); ``` The error says ``` ) expectedts-styled-plugin(9999) ```

bug

**Describe the bug (including copyable syntax)** Autocompletion does not work while use [`css` prop](https://styled-components.com/docs/api#css-prop) **Screenshot** ![image](https://github.com/styled-components/vscode-styled-components/assets/23496031/0c3ab569-b760-49d5-adb7-0dccfdf92238) **Expected behavior** Autocompletion works. **Build environment (please complete the following information):** - OS: Windows...

bug

After the usage of styling within `css` function (`ThemedCssFunction`) the syntax highlighting breaks. Here an example with a simple `Text` component for a Typescript Next.js application. **Correct Highlighting:** **Highlighting after...

bug

https://github.com/styled-components/vscode-styled-components/issues/387#issuecomment-1645543421

**Description** Arrow syntax highlighting is taking on 2 colors. **Screenshot** ![issue](https://user-images.githubusercontent.com/22873650/225452006-34880707-47ae-43e8-ba05-ccc173f0bef3.jpg) **To Reproduce** ``` const StyledDiv = styled.div` max-width: 800px; margin: 0 auto; display: flex; flex-direction: ${(props) => props.direction}; gap:...

bug

**Describe the bug (including copyable syntax)** A clear and concise description of what the bug is. If you're planning on posting a screenshot, please paste the accompanying code here. Backticks...

bug

Hi, I used this plugin when writing ts but it didn't give me any better css tips on what I should do?? ![image](https://github.com/styled-components/vscode-styled-components/assets/94174307/9207bef5-6e04-4535-aaf4-0c8f7c5ccff5)

bug

**Describe the bug (including copyable syntax)** When I input and use the tab key to select background color or other attributes, there is no prompt for attribute values **Screenshot** ![my](https://user-images.githubusercontent.com/78428475/227765691-3e0c6668-8496-4cbd-87d6-d8abcff0296a.gif)...

bug

**Describe the bug (including copyable syntax)** I have a snippet inside `javascript.json` file, and want to use it inside styled components: ``` "medq": { "prefix": "medq", "body": [ "@media (max-width:...

bug