Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>vscode-styled-components-snippetsNew to Visual Studio Code? Get it now.
vscode-styled-components-snippets

vscode-styled-components-snippets

Luiz Fernando Sousa Camargo

|
35,052 installs
| (1) | Free
This extension contains code snippets and some triggers for JS Styled-Components.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

VS Code Styled-Components snippets


alt

See on Market Place

This extension contains code snippets and some triggers for JS Styled-Components.

Supported languages (file extensions)

  • JavaScript (.js)

Snippets

Below is a list of all available snippets and the triggers of each one. The ⇥ means the TAB key.

Trigger Content
isc import styled-components
iscn import styled-components/native
sc styled component empty skeleton
esc export style component empty

Most used props from styled-components.

Props
padding
padding-left
padding-right
padding-top
padding-bottom
padding-horizontal
padding-vertical
margin
margin-left
margin-right
margin-top
margin-bottom
flex
background-color
border-color
border-radius
border-style
border-style
color
text-align
width
height
font-size
font-weight
font-family
flex-direction
align-items
justify-content
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft