danielsousast/styled-components-snippets

VSCode Snippets for Styled Components

Styled Components Snippets

Table of Contents

• Table of Contents
• About the Project
• Styled Components React
• Styled Components React Native
• License
• Contact

About the Project

This project aims to provide a set of Snippets for the creation of components with the library Styled Components. Features Snippets for ReactJS and React Native. They help you to have greater productivity in development.

Styled Components React

Below is the list of Snippets available for React JS:

Snippet	Content
scr-header →	Creates a header Component
scr-nav →	Creates a nav Component
scr-main →	Creates a main Component
scr-section →	Creates a section Component
scr-aside →	Creates a aside Component
scr-footer →	Creates a footer Component
scr-div →	Creates a div Component
scr-h1 →	Creates a h1 Component
scr-h2 →	Creates a h2 Component
scr-h3 →	Creates a h3 Component
scr-h4 →	Creates a h4 Component
scr-h1 →	Creates a h1 Component
scr-form →	Creates a form Component
scr-input →	Creates a input Component
scr-textarea →	Creates a textarea ponent
scr-label →	Creates a input Component
scr-button →	Creates a button Component
scr-table →	Creates a table Component
scr-span →	Creates a span Component
scr-a →	Creates a a Component
scr-article →	Creates a article Component

Styled Components React Native

Below is a list of the Snippets available for React Native:

Snippet	Content
scrn-view →	Creates a View Component
scrn-saview →	Creates a SafeAreaView Component
scrn-kaview →	Creates a KeyboardAvoidingView Compontent
scrn-text →	Creates a Text Component
scrn-input →	Creates a Input Component
scrn-button →	Creates a Button Component
scrn-to →	Creates a TouchableOpacity Component
scrn-thl →	Creates a TouchableHighlight Component
scrn-flatlist →	Creates a FlatList Component
scrn-image →	Creates a Image Component

License

Distributed under the MIT license. See LICENSE for more information.

Contact

Daniel Sousa - Github - daniel.sousa.developer@gmail.com