Merge pull request #277 from syncfusion-content/UgUpdate

Resolved conflicts for our controls

Author: naveenkumar-sanjeevirayan

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

@@ -49,7 +49,7 @@ documentation: ug
         </VerticalStackLayout>
     </bottomSheet:SfBottomSheet.BottomSheetContent>
 </bottomSheet:SfBottomSheet>
-	
+    
 {% endhighlight %}
 {% highlight c# %}
 

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

@@ -92,7 +92,7 @@ bottomSheet.AllowedState = BottomSheetAllowedState.HalfExpanded;
 
 ## Overlay tap to collapse
 
-The `CollapseOnOverlayTap` property enables the bottom sheet to collapse when the user taps on the overlay (outside the sheet). This enhances user interaction by allowing easy dismissal of the sheet without fully closing it.
+The [CollapseOnOverlayTap](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.SfBottomSheet.html#Syncfusion_Maui_Toolkit_BottomSheet_SfBottomSheet_CollapseOnOverlayTap) property enables the bottom sheet to collapse when the user taps on the overlay (outside the sheet). This enhances user interaction by allowing easy dismissal of the sheet without fully closing it.
 
 {% tabs %}	
 {% highlight xaml %}
@@ -112,6 +112,8 @@ bottomSheet.CollapseOnOverlayTap = true;
 {% endhighlight %}
 {% endtabs %}
 
+![CollapseOnOverlay Gif](images/collapseOnOverlay.gif)
+
 ## Content Padding
 The [ContentPadding](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.SfBottomSheet.html#Syncfusion_Maui_Toolkit_BottomSheet_SfBottomSheet_ContentPadding) property of the [BottomSheet](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.SfBottomSheet.html) adds space around the content creating a gap between the bottom sheet content and the edges.
 
@@ -377,7 +379,7 @@ SfBottomSheet bottomSheet = new SfBottomSheet
 
 ### Grabber area height
 
-The `GrabberAreaHeight` feature in the [BottomSheet](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.SfBottomSheet.html) control allows developers to adjust the height of the drag area, thus enhancing both usability and appearance.
+The [GrabberAreaHeight](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.SfBottomSheet.html#Syncfusion_Maui_Toolkit_BottomSheet_SfBottomSheet_GrabberAreaHeight) feature in the [BottomSheet](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.SfBottomSheet.html) control allows developers to adjust the height of the drag area, thus enhancing both usability and appearance.
 
 {% tabs %}	
 {% highlight xaml %}

maui-toolkit/Bottom-Sheet/Swipe-Gesture.md

@@ -22,7 +22,7 @@ The [EnableSwiping](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.
         <!--Add your content here-->
     </bottomSheet:SfBottomSheet.BottomSheetContent>
 </bottomSheet:SfBottomSheet>
-	
+    
 {% endhighlight %}
 {% highlight c# %}
 

maui-toolkit/Bottom-Sheet/images/collapseOnOverlay.gif

@@ -13,7 +13,7 @@ Events in the OTP Input control allow developers to respond effectively to user
 
 ## ValueChanged event
 
-The OTP Input component triggers the `ValueChanged` event whenever the value of an input field changes. This is particularly useful for validating input in real-time or triggering further actions as user input is completed. The `OtpInputValueChangedEventArgs` provides details about the specific changes in value.
+The OTP Input component triggers the [ValueChanged](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html#Syncfusion_Maui_Toolkit_OtpInput_SfOtpInput_ValueChanged) event whenever the value of an input field changes. This is particularly useful for validating input in real-time or triggering further actions as user input is completed. The [OtpInputValueChangedEventArgs](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.OtpInputValueChangedEventArgs.html) provides details about the specific changes in value.
 
 {% tabs %}
 {% highlight xaml %}

maui-toolkit/Otp-Input/Events.md

@@ -9,7 +9,7 @@ documentation: ug
 
 # Getting Started with .NET MAUI OTP Input
 
-This section provides a quick overview of how to get started with the `OTP Input` for .NET MAUI and a walk-through to configure the .NET MAUI OTP Input in a real-time scenario. Follow the steps below to add .NET MAUI OTP Input to your project.
+This section provides a quick overview of how to get started with the [OTP Input](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html) for .NET MAUI and a walk-through to configure the .NET MAUI OTP Input in a real-time scenario. Follow the steps below to add .NET MAUI OTP Input to your project.
 
 {% tabcontents %}
 {% tabcontent Visual Studio %}
@@ -66,7 +66,7 @@ public static class MauiProgram
 
 1. To initialize the control, import the `Syncfusion.Maui.Toolkit.OtpInput` namespace into your code.
 
-2. Initialize `SfOtpInput.`
+2. Initialize [SfOtpInput.](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html)
 
 {% tabs %}
 {% highlight xaml %}
@@ -139,7 +139,7 @@ public static class MauiProgram
 
 1. To initialize the control, import the `Syncfusion.Maui.Toolkit.OtpInput` namespace into your code.
 
-2. Initialize `SfOtpInput.`
+2. Initialize [SfOtpInput.](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html)
 
 {% tabs %}
 {% highlight xaml %}
@@ -211,7 +211,7 @@ public static class MauiProgram
 
 1. To initialize the control, import the `Syncfusion.Maui.Toolkit.OtpInput` namespace into your code.
 
-2. Initialize `SfOtpInput.`
+2. Initialize [SfOtpInput.](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html)
 
 {% tabs %}
 {% highlight xaml %}
@@ -231,7 +231,7 @@ SfOtpInput otpInput = new SfOtpInput();
 
 ## Value
 
-You can specify the value of OTP Input by using the `Value` property.
+You can specify the value of OTP Input by using the [Value](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html#Syncfusion_Maui_Toolkit_OtpInput_SfOtpInput_Value) property.
 
 {% tabs %}	
 {% highlight xaml %}

maui-toolkit/Otp-Input/Getting-Started.md

@@ -11,11 +11,11 @@ documentation: ug
 
 ## Types
 
-This section explains the the various types of OTP (One-Time Password) input component, explaining their default behaviors and appropriate use cases.
+This section explains the various types of OTP (One-Time Password) input component, explaining their default behaviors and appropriate use cases.
 
 ### Number type
 
-The `Type` property can be set to `Number`, prompting the input to handle numeric-only codes. This is ideal for scenarios demanding numeric OTP's. By default, the `Type` property is set to `Number`.
+The [Type](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html#Syncfusion_Maui_Toolkit_OtpInput_SfOtpInput_Type) property can be set to [Number](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.OtpInputType.html#Syncfusion_Maui_Toolkit_OtpInput_OtpInputType_Number), prompting the input to handle numeric-only codes. This is ideal for scenarios demanding numeric OTP's. By default, the `Type` property is set to `Number.`
 
 {% tabs %}	
 {% highlight xaml %}
@@ -38,7 +38,7 @@ SfOtpInput otpInput = new SfOtpInput()
 
 ### Text type
 
-You can set the `Type` property to `Text` for inputs that may include both letters and numbers, suitable for alphanumeric OTP's.
+You can set the [Type](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html#Syncfusion_Maui_Toolkit_OtpInput_SfOtpInput_Type) property to [Text](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.OtpInputType.html#Syncfusion_Maui_Toolkit_OtpInput_OtpInputType_Text) for inputs that may include both letters and numbers, suitable for alphanumeric OTP's.
 
 {% tabs %}	
 {% highlight xaml %}
@@ -61,7 +61,7 @@ SfOtpInput otpInput = new SfOtpInput()
 
 ### Password type
 
-You can set the `Type` property to `Password` to use this input type as password in the OTP Input.
+You can set the [Type](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html#Syncfusion_Maui_Toolkit_OtpInput_SfOtpInput_Type) property to [Password](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.OtpInputType.html#Syncfusion_Maui_Toolkit_OtpInput_OtpInputType_Password) to use this input type as password in the OTP Input.
 
 {% tabs %}	
 {% highlight xaml %}

maui-toolkit/Otp-Input/Input-Types.md

@@ -9,13 +9,13 @@ documentation: ug
 
 # Customization in .NET MAUI OTP Input (SfOtpInput)
 
-An `OTP Input` consists of multiple elements that can be customized to enhance both its appearance and functionality.
+An [OTP Input](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html) consists of multiple elements that can be customized to enhance both its appearance and functionality.
 
 ## Placeholder
 
 The placeholder for the OTP Input specifies the text that appears as a hint until the user enters a value.
 
-Set the placeholder text using the `Placeholder` property. When a single character is assigned, each input field will show the same character.
+Set the placeholder text using the [Placeholder](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html#Syncfusion_Maui_Toolkit_OtpInput_SfOtpInput_Placeholder) property. When a single character is assigned, each input field will show the same character.
 
 {% tabs %}	
 {% highlight xaml %}
@@ -57,7 +57,7 @@ SfOtpInput otpInput = new SfOtpInput()
 
 ### PlaceholderColor
 
-The color of placeholder text can be changed using the `PlaceholderColor` property.
+The color of placeholder text can be changed using the [PlaceholderColor](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html#Syncfusion_Maui_Toolkit_OtpInput_SfOtpInput_PlaceholderColor) property.
 
 {% tabs %}
 {% highlight xaml %}
@@ -80,7 +80,7 @@ SfOtpInput otpInput = new SfOtpInput()
 
 ## Separator
 
-The `Separator` property defines a character or symbol used to separate each input field, visually distinguishing inputs.
+The [Separator](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html#Syncfusion_Maui_Toolkit_OtpInput_SfOtpInput_Separator) property defines a character or symbol used to separate each input field, visually distinguishing inputs.
 
 {% tabs %}
 {% highlight xaml %}
@@ -102,7 +102,7 @@ SfOtpInput otpInput = new SfOtpInput()
 
 ## Setting input length
 
-You can specify the number of input fields to match the desired OTP code length by using the `Length` property. The default value is `4`.
+You can specify the number of input fields to match the desired OTP code length by using the [Length](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html#Syncfusion_Maui_Toolkit_OtpInput_SfOtpInput_Length) property. The default value is `4`.
 
 {% tabs %}
 {% highlight xaml %}
@@ -122,31 +122,9 @@ SfOtpInput otpInput = new SfOtpInput()
 
 ![InputLength Image for OTP Input](images/length.png)
 
-## Disable inputs
-
-You can disable the OTP Input component by using the `IsEnabled` property. By default, this property's value is set to `True.`
-
-{% tabs %}
-{% highlight xaml %}
-
-<otpInput:SfOtpInput IsEnabled="False" />
-
-{% endhighlight %}
-{% highlight C# %}
-
-SfOtpInput otpInput = new SfOtpInput()
-{
-    IsEnabled = false
-};
-
-{% endhighlight %}
-{% endtabs %}
-
-![Disabled Image for OTP Input](images/isenabled.png)
-
 ## Input background
 
-You can set the `InputBackground` property to any color to customize the appearance of the input fields. The `InputBackground` property applies only when `StylingMode` is set to `Filled.`
+You can set the [InputBackground](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html#Syncfusion_Maui_Toolkit_OtpInput_SfOtpInput_InputBackground) property to any color to customize the appearance of the input fields. The `InputBackground` property applies only when [StylingMode](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html#Syncfusion_Maui_Toolkit_OtpInput_SfOtpInput_StylingMode) is set to [Filled.](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.OtpInputStyle.html#Syncfusion_Maui_Toolkit_OtpInput_OtpInputStyle_Filled)
 
 {% tabs %}
 {% highlight xaml %}
@@ -169,7 +147,7 @@ SfOtpInput otpInput = new SfOtpInput()
 
 ## Stroke
 
-You can set the `Stroke` property to any color to customize the border appearance of the input fields. 
+You can set the [Stroke](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html#Syncfusion_Maui_Toolkit_OtpInput_SfOtpInput_Stroke) property to any color to customize the border appearance of the input fields. 
 
 {% tabs %}
 {% highlight xaml %}
@@ -191,7 +169,7 @@ SfOtpInput otpInput = new SfOtpInput()
 
 ## Text color
 
-You can set the `TextColor` property to any color to customize the text appearance of the input fields. 
+You can set the [TextColor](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html#Syncfusion_Maui_Toolkit_OtpInput_SfOtpInput_TextColor) property to any color to customize the text appearance of the input fields. 
 
 {% tabs %}
 {% highlight xaml %}
@@ -213,20 +191,20 @@ SfOtpInput otpInput = new SfOtpInput()
 
 ## Mask character
 
-You can set the `MaskCharacter` property to any character to define how the masked input is displayed, enhancing security by obscuring sensitive information. The `MaskCharacter` property applies only when `Type` is set to `Password.`
+You can set the [MaskCharacter](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html#Syncfusion_Maui_Toolkit_OtpInput_SfOtpInput_MaskCharacter) property to any character to define how the masked input is displayed, enhancing security by obscuring sensitive information. The `MaskCharacter` property applies only when [Type](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html#Syncfusion_Maui_Toolkit_OtpInput_SfOtpInput_Type) is set to [Password.](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.OtpInputType.html#Syncfusion_Maui_Toolkit_OtpInput_OtpInputType_Password)
 
 {% tabs %}
 {% highlight xaml %}
 
-<otpInput:SfOtpInput Type="Password" MaskCharacter="*" />
+<otpInput:SfOtpInput Type="Password" MaskCharacter="#" />
 
 {% endhighlight %}
 {% highlight C# %}
 
 SfOtpInput otpInput = new SfOtpInput()
 {
     Type = OtpInputType.Password,
-    MaskCharacter = '*'
+    MaskCharacter = '#'
 };
 
 {% endhighlight %}
@@ -236,11 +214,11 @@ SfOtpInput otpInput = new SfOtpInput()
 
 ## Input state
 
-The `InputState` property in the OTP Input allows you to visually represent the validation status of the input fields.
+The [InputState](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html#Syncfusion_Maui_Toolkit_OtpInput_SfOtpInput_InputState) property in the OTP Input allows you to visually represent the validation status of the input fields.
 
 ### Success
 
-The `InputState` can be set to `Success` to indicate that the input is correct. When the `InputState` is set to `Success,` the stroke of the OTP Input turns green.
+The [InputState](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html#Syncfusion_Maui_Toolkit_OtpInput_SfOtpInput_InputState) can be set to [Success](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.OtpInputState.html#Syncfusion_Maui_Toolkit_OtpInput_OtpInputState_Success) to indicate that the input is correct. When the `InputState` is set to `Success,` the stroke of the OTP Input turns green.
 
 {% tabs %}
 {% highlight xaml %}
@@ -262,7 +240,7 @@ SfOtpInput otpInput = new SfOtpInput()
 
 ### Warning
 
-The `InputState` can be set to `Warning` to indicate a potential issue with the input, prompting the user to correct it. The stroke of the OTP Input turns orange-brown when `InputState` is set to `Warning.`
+The [InputState](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html#Syncfusion_Maui_Toolkit_OtpInput_SfOtpInput_InputState) can be set to [Warning](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.OtpInputState.html#Syncfusion_Maui_Toolkit_OtpInput_OtpInputState_Warning) to indicate a potential issue with the input, prompting the user to correct it. The stroke of the OTP Input turns orange-brown when `InputState` is set to `Warning.`
 
 {% tabs %}
 {% highlight xaml %}
@@ -284,7 +262,7 @@ SfOtpInput otpInput = new SfOtpInput()
 
 ### Error
 
-The `InputState` can be set to `Error` to indicate that the input is invalid or requires correction. The stroke of OTP Input turns red when `InputState` is set to `Error.`
+The [InputState](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html#Syncfusion_Maui_Toolkit_OtpInput_SfOtpInput_InputState) can be set to [Error](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.OtpInputState.html#Syncfusion_Maui_Toolkit_OtpInput_OtpInputState_Error) to indicate that the input is invalid or requires correction. The stroke of OTP Input turns red when `InputState` is set to `Error.`
 
 {% tabs %}
 {% highlight xaml %}

maui-toolkit/Otp-Input/OtpInput-Customization.md

@@ -9,16 +9,16 @@ documentation: ug
 
 # .NET MAUI OTP Input (SfOtpInput) Overview
 
-An `OTP Input` is a user interface component commonly used in applications that require one-time password (OTP) verification for authentication. This simplify and streamline the process of entering OTP codes received via SMS, email, or other communication channels.
+An [OTP Input](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html) is a user interface component commonly used in applications that require one-time password (OTP) verification for authentication. This simplify and streamline the process of entering OTP codes received via SMS, email, or other communication channels.
 
 ![.NET MAUI OTP Input.](images/overview.png)
 
 ## Key Features
 
-* `Length` - Customize the number of input fields to match the desired OTP code length.
+* [Length](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html#Syncfusion_Maui_Toolkit_OtpInput_SfOtpInput_Length) - Customize the number of input fields to match the desired OTP code length.
 
-* `StylingMode` - Supports different styling modes : Outlined, Filled, and Underlined.
+* [StylingMode](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html#Syncfusion_Maui_Toolkit_OtpInput_SfOtpInput_StylingMode) - Supports different styling modes : Outlined, Filled, and Underlined.
 
-* `Type` - Supports different input types : Number, Text, and Password.
+* [Type](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html#Syncfusion_Maui_Toolkit_OtpInput_SfOtpInput_Type) - Supports different input types : Number, Text, and Password.
 
-* `Separator` – Specifies the character or symbol used to separate each input field.
+* [Separator](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html#Syncfusion_Maui_Toolkit_OtpInput_SfOtpInput_Separator) – Specifies the character or symbol used to separate each input field.