Merge pull request #306 from syncfusion-content/958396-Update-UG-content

Reviewed the UG content for MAUI Core controls

Author: naveenkumar-sanjeevirayan

maui-toolkit/Bottom-Sheet/BottomSheet-Content.md

@@ -1,17 +1,17 @@
 ---
 layout: post
 title: Set Bottom Sheet Content in .NET MAUI Bottom Sheet | Syncfusion®
-description: Learn here all about setting bottom sheet content support in Syncfusion® .NET MAUI Bottom Sheet (SfBottomSheet) control.
+description: Learn about setting Bottom Sheet Content support in Syncfusion® .NET MAUI Bottom Sheet (SfBottomSheet) control.
 platform: maui-toolkit
-control: BottomSheet
-documentation: ug
+control: SfBottomSheet
+documentation: UG
 ---
 
 # Set Main Content and Bottom Sheet Content in .NET MAUI Bottom Sheet
 
-* The main content of the [BottomSheet](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.SfBottomSheet.html) is always visible and can be set using the [Content](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.SfBottomSheet.html#Syncfusion_Maui_Toolkit_BottomSheet_SfBottomSheet_Content) property.
+* The main content of the [Bottom Sheet](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.SfBottomSheet.html) is always visible and can be set using the [Content](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.SfBottomSheet.html#Syncfusion_Maui_Toolkit_BottomSheet_SfBottomSheet_Content) property.
 
-* The `BottomSheet` content is only viewable when the sheet is in the FullExpanded, HalfExpanded, or Collapsed state. Its content can be set as : [BottomSheetContent](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.SfBottomSheet.html#Syncfusion_Maui_Toolkit_BottomSheet_SfBottomSheet_BottomSheetContent).
+* The `Bottom Sheet` content is viewable only when the sheet is in the FullExpanded, HalfExpanded, or Collapsed state. Its content can be set using the [BottomSheetContent](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.SfBottomSheet.html#Syncfusion_Maui_Toolkit_BottomSheet_SfBottomSheet_BottomSheetContent) property.
 
 {% tabs %}
 {% highlight xaml %}
@@ -126,4 +126,4 @@ private void OnListViewItemTapped(object? sender, ItemTappedEventArgs e)
 {% endhighlight %}
 {% endtabs %}
 
-![BottomSheetContent Image for BottomSheet](images/bottomSheetContent.png)
+![BottomSheetContent for Bottom Sheet](images/bottomSheetContent.png)

maui-toolkit/Bottom-Sheet/BottomSheet-Customization.md

@@ -1,17 +1,17 @@
 ---
 layout: post
-title: Events in .NET MAUI Bottom Sheet control | Syncfusion®
-description: Learn about event support in Syncfusion® Toolkit for .NET MAUI Bottom Sheet (SfBottomSheet) control and more.
+title: Events in .NET MAUI Bottom Sheet Control | Syncfusion®
+description: Learn about event support in the Syncfusion® Toolkit for .NET MAUI Bottom Sheet (SfBottomSheet) control and more.
 platform: maui-toolkit
-control: BottomSheet
-documentation: ug
+control: SfBottomSheet
+documentation: UG
 ---
 
-# Event in .NET MAUI Bottom Sheet (SfBottomSheet)
+# Events in .NET MAUI Bottom Sheet (SfBottomSheet)
 
 ## StateChanged event
 
-This event occurs when the value of the [State](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.SfBottomSheet.html#Syncfusion_Maui_Toolkit_BottomSheet_SfBottomSheet_State) property is changed by swiping the bottom sheet or setting the value to the State property using XAML or C# code. The event arguments are of type [StateChangedEventArgs](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.StateChangedEventArgs.html) and expose the following property:
+The `StateChanged` event is triggered when the [State](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.SfBottomSheet.html#Syncfusion_Maui_Toolkit_BottomSheet_SfBottomSheet_State) property of the Bottom Sheet changes. This can occur either through user interaction, such as swiping the Bottom Sheet, or programmatically by setting the State property using XAML or C# code. The event's arguments are of type [StateChangedEventArgs](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.StateChangedEventArgs.html) and provide the following properties:
 
 * `NewValue` : Gets the current state of the Bottom Sheet.
 * `OldValue` : Gets the previous state of the Bottom Sheet.

maui-toolkit/Bottom-Sheet/Events.md

@@ -1,15 +1,15 @@
 ---
 layout: post
-title: Getting started with .NET MAUI Bottom Sheet control | Syncfusion®
-description: Learn here about getting started with Syncfusion® .NET MAUI Bottom Sheet (SfBottomSheet) control in your cross-platform applications.
+title: Getting started with .NET MAUI Bottom Sheet Control | Syncfusion®
+description: Learn how to get started with the Syncfusion® .NET MAUI Bottom Sheet (SfBottomSheet) control in your cross-platform applications.
 platform: maui-toolkit
-control: BottomSheet
-documentation: ug
+control: SfBottomSheet
+documentation: UG
 ---
 
 # Getting Started with .NET MAUI Bottom Sheet
 
-This section provides a quick overview of how to get started with the [BottomSheet](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.SfBottomSheet.html) for .NET MAUI and a walk-through to configure the .NET MAUI Bottom Sheet in a real-time scenario. Follow the steps below to add .NET MAUI Bottom Sheet to your project.
+This section provides a comprehensive overview of how to get started with the [Bottom Sheet](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.SfBottomSheet.html) for .NET MAUI and illustrates how to configure the .NET MAUI Bottom Sheet in a real-time scenario. Follow the steps below to add the .NET MAUI Bottom Sheet to your project.
 
 To quickly get started with the .NET MAUI Bottom Sheet, watch this video.
 {% youtube "https://www.youtube.com/watch?v=ZBKnPe7NkIc" %}
@@ -21,24 +21,24 @@ To quickly get started with the .NET MAUI Bottom Sheet, watch this video.
 
 Before proceeding, ensure the following are set up:
 
-1. Install [.NET 8 SDK](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) or later is installed.
+1. Install [.NET 8 SDK](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) or later.
 2. Set up a .NET MAUI environment with Visual Studio 2022 (v17.8 or later).
 
 ## Step 1: Create a new .NET MAUI project
 
 1. Go to **File > New > Project** and choose the **.NET MAUI App** template.
-2. Name the project and choose a location. Then, click **Next.**
-3. Select the .NET framework version and click **Create.**
+2. Name the project and choose a location. Then, click **Next**.
+3. Select the .NET framework version and click **Create**.
 
-## Step 2: Install the Syncfusion<sup>®</sup> MAUI Toolkit Package
+## Step 2: Install the Syncfusion<sup>®</sup> MAUI Toolkit package
 
-1. In **Solution Explorer,** right-click the project and choose **Manage NuGet Packages.**
+1. In **Solution Explorer**, right-click the project and choose **Manage NuGet Packages**.
 2. Search for [Syncfusion.Maui.Toolkit](https://www.nuget.org/packages/Syncfusion.Maui.Toolkit/) and install the latest version.
 3. Ensure the necessary dependencies are installed correctly, and the project is restored.
 
 ## Step 3: Register the handler
 
-In the MauiProgram.cs file, register the handler for Syncfusion<sup>®</sup> Toolkit.
+In the `MauiProgram.cs` file, register the handler for the Syncfusion<sup>®</sup> Toolkit.
 
 {% tabs %}
 {% highlight C# tabtitle="MauiProgram.cs" hl_lines="1 9" %}
@@ -65,7 +65,7 @@ public static class MauiProgram
 {% endhighlight %}
 {% endtabs %}
 
-## Step 4: Add a Basic BottomSheet
+## Step 4: Add a basic Bottom Sheet
 
 1. To initialize the control, import the `Syncfusion.Maui.Toolkit.BottomSheet` namespace into your code.
 
@@ -95,18 +95,18 @@ SfBottomSheet bottomSheet = new SfBottomSheet();
 
 Before proceeding, ensure the following are set up:
 
-1. Install [.NET 8 SDK](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) or later is installed.
+1. Install [.NET 8 SDK](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) or later.
 2. Set up a .NET MAUI environment with Visual Studio Code.
-3. Ensure that the .NET MAUI extension is installed and configured as described [here.](https://learn.microsoft.com/en-us/dotnet/maui/get-started/installation?view=net-maui-8.0&tabs=visual-studio-code)
+3. Ensure that the .NET MAUI extension is installed and configured as described [here](https://learn.microsoft.com/en-us/dotnet/maui/get-started/installation?view=net-maui-8.0&tabs=visual-studio-code).
 
 ## Step 1: Create a new .NET MAUI project
 
 1. Open the command palette by pressing `Ctrl+Shift+P` and type **.NET:New Project** and enter.
 2. Choose the **.NET MAUI App** template.
-3. Select the project location, type the project name and press **Enter.**
-4. Then choose **Create project.**
+3. Select the project location, type the project name and press **Enter**.
+4. Then choose **Create project**.
 
-## Step 2: Install the Syncfusion<sup>®</sup> MAUI Toolkit Package
+## Step 2: Install the Syncfusion<sup>®</sup> MAUI Toolkit package
 
 1. Press <kbd>Ctrl</kbd> + <kbd>`</kbd> (backtick) to open the integrated terminal in Visual Studio Code.
 2. Ensure you're in the project root directory where your .csproj file is located.
@@ -115,7 +115,7 @@ Before proceeding, ensure the following are set up:
 
 ## Step 3: Register the handler
 
-In the MauiProgram.cs file, register the handler for Syncfusion<sup>®</sup> Toolkit.
+In the `MauiProgram.cs` file, register the handler for the Syncfusion<sup>®</sup> Toolkit.
 
 {% tabs %}
 {% highlight C# tabtitle="MauiProgram.cs" hl_lines="1 9" %}
@@ -142,7 +142,7 @@ public static class MauiProgram
 {% endhighlight %}
 {% endtabs %} 
 
-## Step 4: Add a Basic BottomSheet
+## Step 4: Add a basic Bottom Sheet
 
 1. To initialize the control, import the `Syncfusion.Maui.Toolkit.BottomSheet` namespace into your code.
 
@@ -174,24 +174,24 @@ SfBottomSheet bottomSheet = new SfBottomSheet();
 Before proceeding, ensure the following are set up:
 
 1. Ensure you have the latest version of JetBrains Rider.
-2. Install [.NET 8 SDK](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) or later is installed.
-3. Make sure the MAUI workloads are installed and configured as described [here.](https://www.jetbrains.com/help/rider/MAUI.html#before-you-start)
+2. Install [.NET 8 SDK](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) or later.
+3. Make sure the MAUI workloads are installed and configured as described [here](https://www.jetbrains.com/help/rider/MAUI.html#before-you-start).
 
-## Step 1: Create a new .NET MAUI Project
+## Step 1: Create a new .NET MAUI project
 
-1. Go to **File > New Solution,** Select .NET (C#) and choose the .NET MAUI App template.
+1. Go to **File > New Solution**, select .NET (C#) and choose the .NET MAUI App template.
 2. Enter the Project Name, Solution Name, and Location.
-3. Select the .NET framework version and click Create.
+3. Select the .NET framework version and click **Create**.
 
-## Step 2: Install the Syncfusion<sup>®</sup> MAUI Toolkit NuGet Package
+## Step 2: Install the Syncfusion<sup>®</sup> MAUI Toolkit NuGet package
 
-1. In **Solution Explorer,** right-click the project and choose **Manage NuGet Packages.**
+1. In **Solution Explorer**, right-click the project and choose **Manage NuGet Packages**.
 2. Search for [Syncfusion.Maui.Toolkit](https://www.nuget.org/packages/Syncfusion.Maui.Toolkit/) and install the latest version.
-3. Ensure the necessary dependencies are installed correctly, and the project is restored. If not, Open the Terminal in Rider and manually run: `dotnet restore`
+3. Ensure the necessary dependencies are installed correctly, and the project is restored. If not, open the Terminal in Rider and manually run: `dotnet restore`.
 
 ## Step 3: Register the handler
 
-In the MauiProgram.cs file, register the handler for Syncfusion<sup>®</sup> Toolkit.
+In the `MauiProgram.cs` file, register the handler for the Syncfusion<sup>®</sup> Toolkit.
 
 {% tabs %}
 {% highlight C# tabtitle="MauiProgram.cs" hl_lines="1 9" %}
@@ -218,7 +218,7 @@ public static class MauiProgram
 {% endhighlight %}
 {% endtabs %} 
 
-## Step 4: Add a Basic BottomSheet
+## Step 4: Add a basic Bottom Sheet
 
 1. To initialize the control, import the `Syncfusion.Maui.Toolkit.BottomSheet` namespace into your code.
 
@@ -244,11 +244,11 @@ SfBottomSheet bottomSheet = new SfBottomSheet();
 {% endtabcontent %}
 {% endtabcontents %}
 
-## Add a BottomSheet with Detailed Content
-The following code demonstrates how to add a bottom sheet that displays detailed book information. It uses a ViewModel for effective data binding to ensure seamless updates and interaction.
+## Add a Bottom Sheet with detailed content
+The following code demonstrates how to add a Bottom Sheet that displays detailed book information. It uses a ViewModel for effective data binding to ensure seamless updates and interaction.
 
 ### Model
-Create a simple data model as shown in the following code example, and save it as Book.cs file.
+Create a simple data model and save it as `Book.cs` file.
 
 {% tabs %}
 {% highlight C# tabtitle="Book.cs" %}
@@ -267,7 +267,7 @@ public class Book
 {% endtabs %}
 
 ### View Model
-Next, create a model repository class with Books collection property initialized with required number of data objects in a new class file as shown in the following code example, and save it as BookViewModel.cs file:
+Create a model repository class with a `Books` collection property initialized with a set of data objects, and save it as `BookViewModel.cs` file:
 
 {% tabs %}
 {% highlight C# tabtitle="BookViewModel.cs" %}
@@ -459,6 +459,6 @@ private void OnListViewItemTapped(object? sender, ItemTappedEventArgs e)
 {% endhighlight %}
 {% endtabs %}
 
-N> Using [Content](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.SfBottomSheet.html#Syncfusion_Maui_Toolkit_BottomSheet_SfBottomSheet_Content), Place the main content inside the bottom sheet's `Content` property. Without using `Content`, Place the main content outside the [BottomSheet](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.SfBottomSheet.html), making sure the bottom sheet is the last element in the Grid layout.
+N> Using [Content](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.SfBottomSheet.html#Syncfusion_Maui_Toolkit_BottomSheet_SfBottomSheet_Content), place the main content inside the Bottom Sheet's `Content` property. Without using `Content`, place the main content outside the [BottomSheet](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.SfBottomSheet.html), ensuring that the Bottom Sheet is the last element in the Grid layout.
 
-![Getting Started Image for BottomSheet](images/gettingStarted.png)
+![Getting Started with Bottom Sheet](images/gettingStarted.png)

maui-toolkit/Bottom-Sheet/Getting-Started.md

@@ -1,22 +1,22 @@
 ---
 layout: post
-title: About .NET MAUI Botton Sheet control | Syncfusion®
-description: Learn here all about introduction of Syncfusion® .NET MAUI Bottom Sheet (SfBottomSheet) control and more.
+title: About .NET MAUI Bottom Sheet Control | Syncfusion®
+description: Learn about the introduction to Syncfusion® .NET MAUI Bottom Sheet (SfBottomSheet) control and its features.
 platform: maui-toolkit
-control: BottomSheet
-documentation: ug
+control: SfBottomSheet
+documentation: UG
 ---
 
 # .NET MAUI Bottom Sheet (SfBottomSheet) Overview
 
-A `BottomSheet` control is a user interface component used in mobile and desktop applications that slides up from the bottom of the screen to display supplementary content or actions, allowing users to interact with additional information without navigating away from the main screen.
+A `Bottom Sheet` control is a user interface component used in mobile and desktop applications that slides up from the bottom of the screen. It allows users to interact with additional information or actions without navigating away from the main screen.
 
 ![.NET MAUI Bottom Sheet.](images/overview.png)
 
-## Key Features
+## Key features
 
-* `State` – Supports different states: FullExpanded, HalfExpanded, Collapsed, and Hidden.
+* `State` – Supports various states such as FullExpanded, HalfExpanded, Collapsed, and Hidden.
 
-* `AllowedState` – Supports allowed states: FullExpanded, HalfExpanded, and All.
+* `AllowedState` – Allows states like FullExpanded, HalfExpanded, and All.
 
-* `PopupMode` – The Bottom Sheet acts as a dialog page when setting `IsModal` to `true`, blocking interaction with the rest of the app’s UI.
+* `PopupMode` – The Bottom Sheet acts as a dialog page when `IsModal` is set to `true`, thereby blocking interaction with the rest of the app’s UI.

maui-toolkit/Bottom-Sheet/Overview.md

@@ -1,18 +1,18 @@
 ---
 layout: post
 title: Swiping in .NET MAUI Bottom Sheet | Syncfusion®
-description: Learn here all about swiping support in Syncfusion® .NET MAUI Bottom Sheet (SfBottomSheet) control and more.
+description: Learn about swiping support in the Syncfusion® .NET MAUI Bottom Sheet (SfBottomSheet) control and more.
 platform: maui-toolkit
-control: BottomSheet
-documentation: ug
+control: SfBottomSheet
+documentation: UG
 ---
 # Swiping in .NET MAUI Bottom Sheet (SfBottomSheet)
 
-The [BottomSheet](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.SfBottomSheet.html) supports the swiping for expanding the sheet. 
+The [Bottom Sheet](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.SfBottomSheet.html) supports swiping to expand the sheet.
 
-## Enable Swiping
+## Enable swiping
 
-The [EnableSwiping](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.SfBottomSheet.html#Syncfusion_Maui_Toolkit_BottomSheet_SfBottomSheet_EnableSwiping) property allows you to enable or disable swipe functionality in the [BottomSheet](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.SfBottomSheet.html). By default, the EnableSwiping property is set to `true`.
+The [EnableSwiping](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.SfBottomSheet.html#Syncfusion_Maui_Toolkit_BottomSheet_SfBottomSheet_EnableSwiping) property allows you to enable or disable swipe functionality in the [Bottom Sheet](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.SfBottomSheet.html). By default, the EnableSwiping property is set to `true`.
 
 {% tabs %}	
 {% highlight xaml %}
@@ -44,4 +44,4 @@ private void OnListViewItemTapped(object? sender, ItemTappedEventArgs e)
 
 {% endhighlight %}
 
-![Swiping Image for BottomSheet](images/swiping.gif)
+![Swiping](images/swiping.gif)