Updated API Reference for new features.

Author: SivakumarVairamuthu

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/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

@@ -15,7 +15,7 @@ This section explains the various types of OTP (One-Time Password) input compone
 
 ### 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 %}
@@ -124,7 +124,7 @@ SfOtpInput otpInput = new SfOtpInput()
 
 ## 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 %}
@@ -147,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 %}
@@ -169,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 %}
@@ -191,7 +191,7 @@ 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 %}
@@ -214,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 %}
@@ -240,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 %}
@@ -262,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.

maui-toolkit/Otp-Input/Overview.md

@@ -14,7 +14,7 @@ Styling modes specify the visual style variants for input fields in the OTP Inpu
 
 ## Outline mode
 
-You can customize the appearance of input fields with a border around them by setting the `StylingMode` property to `Outlined.`  This is the default styling mode for the OTP Input component.
+You can customize the appearance of input fields with a border around them by setting the [StylingMode](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.OtpInputStyle.html) property to [Outlined.](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.OtpInputStyle.html#Syncfusion_Maui_Toolkit_OtpInput_OtpInputStyle_Outlined)  This is the default styling mode for the OTP Input component.
 
 {% tabs %}	
 {% highlight xaml %}
@@ -36,7 +36,7 @@ SfOtpInput otpInput = new SfOtpInput()
 
 ## Filled mode
 
-You can customize the appearance of input fields by filling them with color by setting the `StylingMode` property to `Filled.` 
+You can customize the appearance of input fields by filling them with color by setting the [StylingMode](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.OtpInputStyle.html) property to [Filled.](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.OtpInputStyle.html#Syncfusion_Maui_Toolkit_OtpInput_OtpInputStyle_Filled) 
 
 {% tabs %}	
 {% highlight xaml %}
@@ -58,7 +58,7 @@ SfOtpInput otpInput = new SfOtpInput()
 
 ## Underline mode
 
-You can customize the appearance of input fields with an underline by setting the `StylingMode` property to `Underlined.`
+You can customize the appearance of input fields with an underline by setting the [StylingMode](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.OtpInputStyle.html) property to [Underlined.](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.OtpInputStyle.html#Syncfusion_Maui_Toolkit_OtpInput_OtpInputStyle_Underlined)
 
 {% tabs %}	
 {% highlight xaml %}