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