Now compatible with Angular 4.x and above.

This JSON file contains snippets for all NativeScript UI components and some frequently used attributes specifically for use with nativescript-angular.

All UI components are prefixed with ns. Attributes do not have a prefix.

###UI Components

• Component with inline template - nscomponent_template
• Component with templateUrl - nscomponent_templateUrl

The following can be used inside both TypeScript and HTML view files:

• Absolute Layout - nsabsolute
• Dock Layout - nsdock
• Flexbox Layout - nsflexbox
• Grid Layout - nsgrid
• Stack Layout - nsstack
• Wrap Layout - nswrap

• Action Bar - nsactionbar
• Action Bar with Back Button - nsactionbarback
• Label - nslabel
• Text Field - nstextfield
• Secure Text Field (for passwords) - nspassword
• Text View - nstextview
• Image - nsimg
• Border - nsborder
• Button - nsbtn
• Search Bar - nssearchbar
• Switch - nsswitch
• Slider - nsslider
• Progress - nsprogress
• Activity Indicator - nsloading
• Date Picker - nsdate
• Time Picker - nstime
• List Picker - nslistpicker
• Segmented Bar - nssegmentedbar
• Tab View - nstabview
• List View - nslistview
• Web View - nswebview

###Attributes

• cssClass - css
• text - text
• icon - icon
• tap - tap
• textWrap - wrap
• horizontalAlignment - halign
• verticalAlignment - valign
• visibility - visibility
• stretch - stretch
• keyboardType - kbtype
• colSpan - colspan
• rowSpan - rowspan
• row - row
• col - col
• width - width
• height - height

1. Inside Visual Studio Code press

   CTRL + P

2. Type the following in the console window

ext install nativescript-ng2-snippets

3. Hit enter.