docs: bottom nav snippet IDs

Author: NickIliev

app/ns-ui-widgets-category/bottom-navigation/bottom-navigation-page.js

@@ -2,14 +2,14 @@ const ListViewLinksModel = require("../../links-view-model");
 const link = require("../../link");
 const navigationLinks = [
     new link("Usage", "ns-ui-widgets-category/bottom-navigation/usage/usage-page"),
-    new link("Usage", "ns-ui-widgets-category/bottom-navigation/styling/styling-page"),
+    new link("Theming", "ns-ui-widgets-category/bottom-navigation/theming/theming-page"),
     new link("Events", "ns-ui-widgets-category/bottom-navigation/events/events-page"),
     new link("Properties", "ns-ui-widgets-category/bottom-navigation/properties/properties-page"),
     new link("Tips & Tricks", "ns-ui-widgets-category/bottom-navigation/tips-and-tricks/tips-and-tricks-page")
 ];
 const navigationLinksTsc = [
     new link("Usage", "ns-ui-widgets-category/bottom-navigation/usage/usage-ts-page"),
-    new link("Usage", "ns-ui-widgets-category/bottom-navigation/styling/styling-ts-page"),
+    new link("Theming", "ns-ui-widgets-category/bottom-navigation/theming/theming-ts-page"),
     new link("Events", "ns-ui-widgets-category/bottom-navigation/events/events-ts-page"),
     new link("Properties", "ns-ui-widgets-category/bottom-navigation/properties/properties-ts-page"),
     new link("Tips & Tricks", "ns-ui-widgets-category/bottom-navigation/tips-and-tricks/tips-and-tricks-ts-page")

app/ns-ui-widgets-category/bottom-navigation/metadata.md

@@ -4,4 +4,4 @@ description: The NativeScript's BottomNavigation component provides a simple way
 position: 416
 slug: bottom-navigation
 ---
-example-order: usage, styling, properties, events, tips-and-tricks
+example-order: usage, theming, properties, events, tips-and-tricks

app/ns-ui-widgets-category/bottom-navigation/properties/properties-page.js

@@ -1,7 +1,7 @@
 const Label = require("tns-core-modules/ui/label").Label;
 const StackLayout = require("tns-core-modules/ui/layouts/stack-layout").StackLayout;
 const Color = require("tns-core-modules/color/color").Color;
-// >> bottom-navigation-events-js
+// >> bottom-navigation-properties-js
 const TabStrip = require("tns-core-modules/ui/bottom-navigation").TabStrip;
 const TabStripItem = require("tns-core-modules/ui/bottom-navigation").TabStripItem;
 const TabContentItem = require("tns-core-modules/ui/bottom-navigation").TabContentItem;
@@ -33,7 +33,7 @@ exports.onBottomNavLoaded = (args) => {
     */
     console.log("bottomNav.nativeView: ", bottomNav.nativeView);
 };
-// << bottom-navigation-events-js
+// << bottom-navigation-properties-js
 
 function createTabStrip() {
     // TabStrip

app/ns-ui-widgets-category/bottom-navigation/properties/properties-ts-page.ts

@@ -1,7 +1,7 @@
 import { Label } from "tns-core-modules/ui/label";
 import { StackLayout } from "tns-core-modules/ui/layouts/stack-layout";
 import { Color } from "tns-core-modules/color/color";
-// >> bottom-navigation-events-tsc
+// >> bottom-navigation-properties-tsc
 import { EventData } from "tns-core-modules/data/observable";
 import { BottomNavigation, TabStrip, TabStripItem, TabContentItem } from "tns-core-modules/ui/bottom-navigation";
 
@@ -29,7 +29,7 @@ export function onBottomNavLoaded(args: EventData) {
 
     console.log(bottomNav.nativeView);
 }
-// << bottom-navigation-events-tsc
+// << bottom-navigation-properties-tsc
 
 function createTabStrip() {
     const tabStrip: TabStrip = new TabStrip();

app/ns-ui-widgets-category/bottom-navigation/styling/article.md renamed to app/ns-ui-widgets-category/bottom-navigation/theming/article.md

@@ -2,7 +2,7 @@
      <Page.actionBar>
 		<ActionBar title="BottomNavigation - Usage"/>
 	</Page.actionBar>
-    <!-- >> bottom-navigation-basics-xml -->
+
     <BottomNavigation selectedIndex="1">
 
         <!-- The bottom tab UI is created via TabStrip (the containier) and TabStripItem (for each tab)-->
@@ -30,5 +30,5 @@
         </TabContentItem>
 
     </BottomNavigation>
-    <!-- << bottom-navigation-basics-xml -->
+ 
 </Page>

app/ns-ui-widgets-category/bottom-navigation/styling/styling-page.xml renamed to app/ns-ui-widgets-category/bottom-navigation/theming/theming-page.xml

@@ -2,7 +2,7 @@
      <Page.actionBar>
 		<ActionBar title="BottomNavigation - Usage"/>
 	</Page.actionBar>
-    <!-- >> bottom-navigation-basics-tsc-xml -->
+
     <BottomNavigation selectedIndex="1">
 
         <!-- The bottom tab UI is created via TabStrip (the containier) and TabStripItem (for each tab)-->
@@ -30,5 +30,5 @@
         </TabContentItem>
 
     </BottomNavigation>
-    <!-- << bottom-navigation-basics-tsc-xml -->
+
 </Page>

app/ns-ui-widgets-category/bottom-navigation/styling/styling-ts-page.xml renamed to app/ns-ui-widgets-category/bottom-navigation/theming/theming-ts-page.xml

@@ -2,7 +2,7 @@
      <Page.actionBar>
 		<ActionBar title="BottomNavigation - Usage"/>
 	</Page.actionBar>
-    <!-- >> bottom-navigation-basics-xml -->
+
     <BottomNavigation selectedIndex="1">
 
         <!-- The bottom tab UI is created via TabStrip (the containier) and TabStripItem (for each tab)-->
@@ -30,5 +30,5 @@
         </TabContentItem>
 
     </BottomNavigation>
-    <!-- << bottom-navigation-basics-xml -->
+
 </Page>

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

@@ -2,7 +2,7 @@
      <Page.actionBar>
 		<ActionBar title="BottomNavigation - Usage"/>
 	</Page.actionBar>
-    <!-- >> bottom-navigation-basics-tsc-xml -->
+
     <BottomNavigation selectedIndex="1">
 
         <!-- The bottom tab UI is created via TabStrip (the containier) and TabStripItem (for each tab)-->
@@ -30,5 +30,5 @@
         </TabContentItem>
 
     </BottomNavigation>
-    <!-- << bottom-navigation-basics-tsc-xml -->
+
 </Page>