NativeScript + Angular 2 Snippets for Atom

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

From within TypeScript Component Files:

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

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

Layouts

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

Widgets

• Action Bar - nsactionbar
• Action Bar with Back Button - nsactionbarback
• Action Bar with Custom Title - nsactionbarcustomtitle
• 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