Updated for Nativescript v6.4.0 and Angular v9.0.0 release

This extension adds all Nativescript UI Components, Layouts and Gestures snippets in your HTML.

• Default syntax (Plain Nativescript tag)
• Property syntax (Includes all element properties)
• Complete syntax (Includes all element properties, events and documentation)
• Layout snippets
• Gesture snippets
• System Icon snippets

For more examples and demo, see here.

<DockLayout width="210" height="210" backgroundColor="lightgray" stretchLastChild="true">
  <Label text="left" dock="left" backgroundColor="red"></Label>
  <Label text="top" dock="top" backgroundColor="green"></Label>
  <Label text="right" dock="right" backgroundColor="blue"></Label>
  <Label text="bottom" dock="bottom" backgroundColor="yellow"></Label>
</DockLayout>

<Button></Button>

<Button text=""></Button>

<Button
  text="string"
  (tap)=""
  (loaded)=""
  (unloaded)=""
  (layoutChanged)="">
</Button>
<!--
Properties
NAME	TYPE	  DESCRIPTION
text	string	Gets or sets the label of the button.

Events
NAME	        DESCRIPTION
tap	          Emitted when the button is tapped.
loaded	      Emitted when the view is loaded.
unloaded	    Emitted when the view is unloaded.
layoutChanged	Emitted when the layout bounds of a view changes due to layout processing.
 -->

HTML snippet ns-text-field in action; default, property (prop) and complete (comp) syntax demo.

For complete references examples and demo, see here.

• ns-absolute-layout
• ns-dock-layout
• ns-grid-layout
• ns-stack-layout
• ns-wrap-layout
• ns-flexbox-layout

• ns-actionbar
• ns-actionbarextension
• ns-actionitem
• ns-navigationbutton
• ns-activityindicator
• ns-button
• ns-datepicker
• ns-formattedstring
• ns-htmlview
• ns-image
• ns-label
• ns-listpicker
• ns-listview
• ns-progress
• ns-scroll-view
• ns-search-bar
• ns-segmented-bar
• ns-segmented-bar-item
• ns-slider
• ns-switch
• ns-bottom-navigation
• ns-tab-strip
• ns-tab-strip-item
• ns-tab-content-item
• ns-tabs
• ns-tab-view
• ns-tab-view-item
• ns-text-field
• ns-text-view
• ns-time-picker
• ns-web-view

Reference: https://docs.nativescript.org/angular/ui/action-bar#setting-icons

1. Install VS Code v1.42.0 or higher
2. Launch Visual Studio Code
3. Enter command Ctrl+Shift+P (Windows, Linux) or Cmd+Shift+P (OSX)
4. Select → Extensions: Install Extensions.
5. Choose Nativescript: Angular HTML Snippets by ElecTreeFrying
6. Reload Visual Studio Code

See CHANGELOG for more information.

• File bugs, or any feature requests in Issues.
• Leave a review on Visual Studio Marketplace.

bc1q9hjnxk67c9y6tsyp8jde43xg9hacf0kgdxq6jsxl47666d3hk8aqunv0xr

More extensions of mine.

MIT