https://github.com/tsvetan-ganev/nativescript-vscode-snippets

NativeScript XML snippets for Visual Studio Code.
https://github.com/tsvetan-ganev/nativescript-vscode-snippets

Last synced: 14 days ago
JSON representation

NativeScript XML snippets for Visual Studio Code.

• Host: GitHub
• URL: https://github.com/tsvetan-ganev/nativescript-vscode-snippets
• Owner: tsvetan-ganev
• License: mit
• Created: 2015-08-26T21:46:13.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2023-02-28T13:39:56.000Z (almost 2 years ago)
• Last Synced: 2024-12-01T16:54:46.326Z (2 months ago)
• Size: 1.21 MB
• Stars: 43
• Watchers: 8
• Forks: 7
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# NativeScript XML Snippets for Visual Studio Code

![Screenshot](images/screenshot.gif)

This JSON file contains snippets for all NativeScript UI components and some frequently used attributes.

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

## UI Components

### Layouts

- Absolute Layout - ```nsabsolute```

- Dock Layout - ```nsdock```

- Grid Layout - ```nsgrid```

- Stack Layout - ```nsstack```

- Wrap Layout - ```nswrap```

### Widgets

- Page - ```nspage```

- Action Bar - ```nsactionbar```

- 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```

## How to use?

1. Inside Visual Studio Code press

  ```bash

  CTRL + P

  ```

2. Type the following in the console window

  ``` bash

  ext install nativescript-xml-snippets

  ```

3. Hit enter.