https://github.com/NathanWalker/nativescript-ng2-atom-snippets
Snippets for NativeScript + Angular 2 Development.
https://github.com/NathanWalker/nativescript-ng2-atom-snippets
Last synced: 12 days ago
JSON representation
Snippets for NativeScript + Angular 2 Development.
- Host: GitHub
- URL: https://github.com/NathanWalker/nativescript-ng2-atom-snippets
- Owner: NathanWalker
- License: mit
- Created: 2016-04-29T07:14:00.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2020-05-05T01:00:57.000Z (almost 6 years ago)
- Last Synced: 2025-06-01T13:05:42.645Z (9 months ago)
- Language: CoffeeScript
- Size: 7.81 KB
- Stars: 1
- Watchers: 2
- Forks: 2
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
- awesome-nativescript - NG2 NativeScript Atom Snippets - Snippets for all NativeScript UI components for use with nativescript-angular. (Awesome {N} [](https://github.com/sindresorhus/awesome) / Table of Contents)
README
## NativeScript + Angular 2 Snippets for Atom ##
Snippets for all NativeScript UI components and some frequently used attributes specifically for use with [nativescript-angular](https://github.com/NativeScript/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```