Awesome
VS Code Styled-Components snippets
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 |