docs: article improvments

Author: NickIliev

app/ns-ui-widgets-category/bottom-navigation/events/events-page.xml

@@ -10,7 +10,7 @@
             <TabStripItem title="Account" iconSource="res://baseline_account_balance_black_24pt"></TabStripItem>
         </TabStrip>
 
-        <!-- The number of TabContentItem components should corespond to the number of TabStripItem components -->
+        <!-- The number of TabContentItem components should correspond to the number of TabStripItem components -->
         <TabContentItem>
             <GridLayout rows="*, *">
                 <Label row="0" text="Home Page" class="h2 text-center" color="orange"></Label>

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

@@ -11,7 +11,7 @@
             <TabStripItem title="Account" iconSource="res://baseline_account_balance_black_24pt"></TabStripItem>
         </TabStrip>
 
-        <!-- The number of TabContentItem components should corespond to the number of TabStripItem components -->
+        <!-- The number of TabContentItem components should correspond to the number of TabStripItem components -->
         <TabContentItem>
             <GridLayout rows="*, *">
                 <Label row="0" text="Home Page" class="h2 text-center" color="orangered"></Label>

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

@@ -1,6 +1,6 @@
 ---
 title: BottomNavigation
-description: The NativeScript's BottomNavigation component provides a simple way to navigate between different views while providing common UI for both iOS and Android platforms.  The recommended scenario suitable for BottomNavigation is a high level navigaiton with 3 to 5 tabs each with separate function.
+description: The NativeScript's BottomNavigation component provides a simple way to navigate between different views while providing common UI for both iOS and Android platforms.  The recommended scenario suitable for BottomNavigation is high-level navigation with 3 to 5 tabs each with a separate function.
 position: 416
 slug: bottom-navigation
 ---

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

@@ -1,16 +1,16 @@
 > **Disclaimer:** The `BottomNavigation` component is currently in **Beta** version. The component is being actively developed - use [the tracking issue](https://github.com/NativeScript/NativeScript/issues/6967) for details about the ongoing implementation.
 
-The `BottomNavigation` component provides a simple way to navigate between different views while providing common UI for both iOS and Android platforms.  The recommended scenario suitable for `BottomNavigation` is a high level navigation with 3 to 5 tabs each with separate function. For additional information and details about bottom navigation refer to [the Material Design guidelines](https://material.io/design/components/bottom-navigation.html#usage).
+The `BottomNavigation` component provides a simple way to navigate between different views while providing common UI for both iOS and Android platforms.  The recommended scenario suitable for `BottomNavigation` is high-level navigation with 3 to 5 tabs each with a separate function. For additional information and details about bottom navigation refers to [the Material Design guidelines](https://material.io/design/components/bottom-navigation.html#usage)
 
-> **Note:** NativeScript 6 introduced two new UI components called `BottomNavigation` and `Tabs`. The idea behind them is to provide more control when building tab based UI, while powering the CSS styling, the icon font support and other specific functionalities. Prior to NativeScript 6, we had the `TabView` component which had top and bottom implementations with different behavoirs for the different platofrms and some styling limitations. With `BottomNavigaiton` and `Tabs` coomponents available, the `TabView` can be considered obsolete.
+> **Note:** NativeScript 6 introduced two new UI components called `BottomNavigation` and `Tabs`. The idea behind them is to provide more control when building tab-based UI while powering the CSS styling, the icon font support, and other specific functionalities. Before NativeScript 6, we had the `TabView` component, which had top and bottom implementations with different behaviors for the different platforms and some styling limitations. With `BottomNavigaiton` and `Tabs` components available, the `TabView` can be considered obsolete.
 
 The `BottomNavigation` component roundup
 
 Component Primary Objectives:
-- Used for High Level navigation.
-- Good for UX structure with 3 to 5 different options.
+- Used for High-Level navigation.
+- Suitable for UX structure with 3 to 5 different options.
 
 Limitations 
 - No navigation transitions.
 - No navigation gestures (e.g., swipe to navigate).
-- No content preloading.
+- No content preloading.

app/ns-ui-widgets-category/bottom-navigation/usage/article.md

@@ -1,6 +1,6 @@
 The `BottomNavigation` component contains two sub-components:
-- The `TabStrip` which defines and rendres the bottom bar and its `TabStripItem` components.
-- Multiple `TabContentItem` components which total number should be equal to the number of the tabs (`TabStripItem` components). Each `TabContentItem` acts as a container for your tab content.
+- The `TabStrip` which defines and renders the bottom bar and its `TabStripItem` components.
+- Multiple `TabContentItem` components which total number should be equal to the amount of the tabs (`TabStripItem` elements). Each `TabContentItem` acts as a container for your tab content.
 
 <snippet id='bottom-navigation-basics-xml'/>
 

app/ns-ui-widgets-category/tabs/events/events-page.xml

@@ -11,7 +11,7 @@
             <TabStripItem title="Account" iconSource="res://baseline_account_balance_black_24pt"></TabStripItem>
         </TabStrip>
 
-        <!-- The number of TabContentItem components should corespond to the number of TabStripItem components -->
+        <!-- The number of TabContentItem components should correspond to the number of TabStripItem components -->
         <TabContentItem>
             <GridLayout rows="*, *">
                 <Label row="0" text="Home Page" class="h2 text-center" color="orange"></Label>

app/ns-ui-widgets-category/tabs/events/events-ts-page.xml

@@ -11,7 +11,7 @@
             <TabStripItem title="Account" iconSource="res://baseline_account_balance_black_24pt"></TabStripItem>
         </TabStrip>
 
-        <!-- The number of TabContentItem components should corespond to the number of TabStripItem components -->
+        <!-- The number of TabContentItem components should correspond to the number of TabStripItem components -->
         <TabContentItem>
             <GridLayout rows="*, *">
                 <Label row="0" text="Home Page" class="h2 text-center" color="orangered"></Label>

app/ns-ui-widgets-category/tabs/metadata.md

@@ -1,6 +1,6 @@
 ---
 title: Tabs
-description: The NativeScript's Tabs component provides a simple way to navigate between different views while providing common UI for both iOS and Android platforms.  The recommended scenario suitable for BottomNavigation is a mid level navigaiton with unlimited tabs and common functions.The component supports swipe gestures and preloading.
+description: The NativeScript's Tabs component provides a simple way to navigate between different views while providing standard UI for both iOS and Android platforms.  The recommended scenario suitable for BottomNavigation is mid-level navigation with unlimited tabs and standard functions. The component supports swipe gestures and preloading.
 position: 418
 slug: tabs
 ---

app/ns-ui-widgets-category/tabs/overview.md

@@ -1,13 +1,13 @@
 > **Disclaimer:** The `Tabs` component is currently in **Beta** version. The component is being actively developed - use [the tracking issue](https://github.com/NativeScript/NativeScript/issues/6967) for details about the ongoing implementation.
 
-The `Tabs` component provides a simple way to navigate between different views while providing common UI for both iOS and Android platforms.  The recommended scenario suitable for `Tabs` is a mid level navigation. For additional information and details about bottom navigation refer to [the Material Design guidelines](https://material.io/design/components/tabs.html#usage).
+The `Tabs` component provides a simple way to navigate between different views while providing common UI for both iOS and Android platforms.  The recommended scenario suitable for `Tabs` is mid-level navigation. For additional information and details about bottom navigation, refer to [the Material Design guidelines](https://material.io/design/components/tabs.html#usage).
 
-> **Note:** NativeScript 6 introduced two new UI components called `BottomNavigation` and `Tabs`. The idea behind them is to provide more control when building tab based UI, while powering the CSS styling, the icon font support and other specific functionalities. Prior to NativeScript 6, we had the `TabView` component which had top and bottom implementations with different behavoirs for the different platofrms and some styling limitations. With `BottomNavigaiton` and `Tabs` coomponents available, the `TabView` can be considered obsolete.
+> **Note:** NativeScript 6 introduced two new UI components called `BottomNavigation` and `Tabs`. The idea behind them is to provide more control when building tab-based UI while powering the CSS styling, the icon font support, and other specific functionalities. Before NativeScript 6, we had the `TabView` component, which had top and bottom implementations with different behaviors for the different platforms and some styling limitations. With `BottomNavigaiton` and `Tabs` components available, the `TabView` can be considered obsolete.
 
 The `Tabs` component roundup
 
 - Semantic: Mid Level Navigation
-- Usage: Unlimited Tabs with common function
+- Usage: Unlimited Tabs with standard function
 - Transitions: Slide Transition indicating the relative position to each other
 - Gestures: Swipe Gesture
-- Preloading: At least 1 to the sides (because of the swipe gesture)
+- Preloading: At least 1 to the sides (because of the swipe gesture)

app/ns-ui-widgets-category/tabs/usage/article.md

@@ -1,6 +1,6 @@
 The `Tabs` component contains two sub-components:
-- The `TabStrip` which defines and rendres the bottom bar and its `TabStripItem` components.
-- Multiple `TabContentItem` components which total number should be equal to the number of the tabs (`TabStripItem` components). Each `TabContentItem` acts as a container for your tab content.
+- The `TabStrip` which defines and renders the bottom bar and its `TabStripItem` components.
+- Multiple `TabContentItem` components which total number should be equal to the amount of the tabs (`TabStripItem` elements). Each `TabContentItem` acts as a container for your tab content.
 
 <snippet id='tabs-basics-xml'/>