docs: tabs tips & tricks article added (font icons)

Author: NickIliev

.migration_backup/package.json

@@ -22,23 +22,23 @@
   "nativescript": {
     "id": "org.nativescript.nativescriptsdkexamplesjs",
     "tns-android": {
-      "version": "6.0.0-rc-2019-07-04-174325-01"
+      "version": "6.0.0"
     },
     "tns-ios": {
-      "version": "6.0.0-rc-2019-07-04-095546-01"
+      "version": "6.0.0"
     }
   },
   "dependencies": {
     "nativescript-theme-core": "~1.0.4",
-    "tns-core-modules": "rc"
+    "tns-core-modules": "6.0.1"
   },
   "devDependencies": {
     "eslint": "~5.9.0",
     "fs-extra": "^0.30.0",
     "markdown-snippet-injector": "^0.2.4",
-    "nativescript-dev-webpack": "next",
+    "nativescript-dev-webpack": "1.0.0",
     "tar.gz": "^1.0.7",
-    "tns-platform-declarations": "rc",
+    "tns-platform-declarations": "6.0.1",
     "tslint": "5.11.0",
     "typescript": "3.4.1"
   },

app/ns-ui-widgets-category/tabs/tips-and-tricks/article.md

@@ -0,0 +1,4 @@
+### Icon Fonts in Tabs
+
+Using icon fonts to customize the UI of your TabStripItem components is possible through the `font://` prefix for the `iconSource` property.
+<snippet id='tabs-tips-icons-js'/>

app/ns-ui-widgets-category/tabs/tips-and-tricks/tips-and-tricks-page.css

@@ -0,0 +1,3 @@
+.font-size {
+    font-size: 14;
+}

app/ns-ui-widgets-category/tabs/tips-and-tricks/tips-and-tricks-page.xml

@@ -1,18 +1,16 @@
 <Page>
      <Page.actionBar>
-		<ActionBar title="Tabs - Tips and Tricks"/>
+		<ActionBar title="BottomNavigation - Usage"/>
 	</Page.actionBar>
-
-    <Tabs selectedIndex="1">
-
-        <!-- The bottom tab UI is created via TabStrip (the containier) and TabStripItem (for each tab)-->
+    <!-- >> tabs-tips-icons-js -->
+    <Tabs selectedIndex="1" class="fas font-size">
+        <!-- Using icon fonts for each TabStripItem -->
         <TabStrip>
-            <TabStripItem title="Home" iconSource="res://baseline_home_black_18pt"></TabStripItem>
-            <TabStripItem title="Account" iconSource="res://baseline_account_balance_black_18pt"></TabStripItem>
-            <TabStripItem title="Search" iconSource="res://baseline_search_black_18pt"></TabStripItem>
+            <TabStripItem title="Home" iconSource="font://&#xf015;"></TabStripItem>
+            <TabStripItem title="Account" iconSource="font://&#xf2bd;"></TabStripItem>
+            <TabStripItem title="Search" iconSource="font://&#xf002;"></TabStripItem>
         </TabStrip>
-
-        <!-- The number of TabContentItem components should corespond to the number of TabStripItem components -->
+        
         <TabContentItem>
             <GridLayout>
                 <Label text="Home Page" class="h2 text-center"></Label>
@@ -30,5 +28,5 @@
         </TabContentItem>
 
     </Tabs>
-
+    <!-- << tabs-tips-icons-js -->
 </Page>

app/ns-ui-widgets-category/tabs/tips-and-tricks/tips-and-tricks-ts-page.xml

@@ -40,7 +40,7 @@
     "tar.gz": "^1.0.7",
     "tns-platform-declarations": "6.0.1",
     "tslint": "5.11.0",
-    "typescript": "3.4.1"
+    "typescript": "3.4.5"
   },
   "scripts": {
     "lint": "eslint \"app/**/*.js\"",