diff --git a/maui-toolkit-toc.html b/maui-toolkit-toc.html
index 16e48c58..39fc08f3 100644
--- a/maui-toolkit-toc.html
+++ b/maui-toolkit-toc.html
@@ -289,6 +289,18 @@
             <li><a href="/maui-toolkit/NumericUpDown/Events">Events</a></li>
         </ul>
     </li>
+    <li>
+        SfOtpInput
+        <ul>
+            <li><a href="/maui-toolkit/Otp-Input/Overview">Overview</a></li>
+            <li><a href="/maui-toolkit/Otp-Input/Getting-Started">Getting Started</a></li>
+            <li><a href="/maui-toolkit/Otp-Input/Input-Types">Input Types</a></li>
+            <li><a href="/maui-toolkit/Otp-Input/Styling-Modes">Styling Modes</a></li>
+            <li><a href="/maui-toolkit/Otp-Input/OtpInput-Customization">Customization</a></li>
+            <li><a href="/maui-toolkit/Otp-Input/Events">Events</a></li>
+            <li><a href="/maui-toolkit/Otp-Input/Accessibility">Accessibility</a></li>
+        </ul>
+    </li>
     <li>
         SfPolarChart
         <ul>
diff --git a/maui-toolkit/Otp-Input/Accessibility.md b/maui-toolkit/Otp-Input/Accessibility.md
new file mode 100644
index 00000000..127b2dbf
--- /dev/null
+++ b/maui-toolkit/Otp-Input/Accessibility.md
@@ -0,0 +1,60 @@
+---
+layout: post
+title: Accessibility in .NET MAUI OtpInput Control | Syncfusion
+description: Learn here all about the accessibility features of Syncfusion .NET MAUI OtpInput (SfOtpInput) control.
+platform: maui
+control: SfOtpInput
+documentation: ug
+---
+
+# Accessibility in .NET Maui SfOtpInput
+
+The OtpInput Control is designed to work effectively with the OtpInput elements, providing voice descriptions of their OtpInput items.
+
+## Keyboard Interaction
+The following keyboard shortcuts are supported by the OTP Input component.
+
+<table>
+<tr>
+<th>
+Key
+</th>
+<th>
+Description
+</th>
+</tr>
+<tr>
+<td>
+LeftArrow
+</td>
+<td>
+Focuses the previous input in the OTP.
+</td>
+</tr>
+<tr>
+<td>
+RightArrow
+</td>
+<td>
+Focuses the next input in OTP
+</td>
+</tr>
+<tr>
+<td>
+Tab
+</td>
+<td>
+Moves the initial focus and shifts focus to the next input of the OTP.
+</td>
+</tr>
+<tr>
+<td>
+Shift + Tab
+</td>
+<td>
+Moves the focus to the previous input of the OTP.
+</td>
+</tr>
+</table>
+
+N> <kbd>Tab</kbd> and <kbd>Shift + Tab</kbd> functionality works only on Windows and MacCatalyst.
\ No newline at end of file
diff --git a/maui-toolkit/Otp-Input/Events.md b/maui-toolkit/Otp-Input/Events.md
new file mode 100644
index 00000000..d3ec1d14
--- /dev/null
+++ b/maui-toolkit/Otp-Input/Events.md
@@ -0,0 +1,41 @@
+---
+layout: post
+title: Events in .NET MAUI OtpInput control | Syncfusion®
+description: Learn about event support in Syncfusion® Toolkit for .NET MAUI OtpInput (SfOtpInput) control and more.
+platform: maui-toolkit
+control: OtpInput
+documentation: ug
+---
+
+# Events in .NET MAUI OtpInput (SfOtpInput)
+
+Events in the OtpInput control allow developers to respond to user interactions and input changes effectively. 
+
+## ValueChanged event
+
+The OtpInput 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.
+
+{% tabs %}
+{% highlight xaml %}
+
+<otpInput:SfOtpInput ValueChanged="OnValueChanged" />
+
+{% endhighlight %}
+{% highlight c# %}
+
+SfOtpInput otpInput = new SfOtpInput();
+otpInput.ValueChanged += OnValueChanged;
+
+{% endhighlight %}
+{% endtabs %}
+
+{% highlight c# %}
+
+private void OnValueChanged(object sender, OtpInputValueChangedEventArgs e)
+{
+    // Code executed when the input value changes.
+    // Example: Update the interface to show the new input value.
+    Console.WriteLine("New Value: " + e.NewValue);
+}
+
+{% endhighlight %}
\ No newline at end of file
diff --git a/maui-toolkit/Otp-Input/Getting-Started.md b/maui-toolkit/Otp-Input/Getting-Started.md
new file mode 100644
index 00000000..28fd559e
--- /dev/null
+++ b/maui-toolkit/Otp-Input/Getting-Started.md
@@ -0,0 +1,158 @@
+---
+layout: post
+title: Getting started with .NET MAUI OtpInput control | Syncfusion®
+description: Learn here about getting started with Syncfusion® .NET MAUI OtpInput (SfOtpInput) control in your cross-platform applications.
+platform: maui-toolkit
+control: OtpInput
+documentation: ug
+---
+
+# Getting Started with .NET MAUI OtpInput
+
+This section provides a quick overview of how to get started with the `OtpInput` for .NET MAUI and a walk-through to configure the .NET MAUI OtpInput in a real-time scenario. Follow the steps below to add .NET MAUI OtpInput to your project.
+
+{% tabcontents %}
+{% tabcontent Visual Studio %}
+
+## Prerequisites
+
+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.
+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.**
+
+## Step 2: Install the Syncfusion<sup>®</sup> MAUI Toolkit Package
+
+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.
+
+{% tabs %}
+{% highlight C# tabtitle="MauiProgram.cs" hl_lines="1 9" %}
+using Syncfusion.Maui.Toolkit.Hosting;
+
+public static class MauiProgram
+{
+    public static MauiApp CreateMauiApp()
+    {
+        var builder = MauiApp.CreateBuilder();
+        builder
+            .ConfigureSyncfusionToolkit()
+            .UseMauiApp<App>()
+            .ConfigureFonts(fonts =>
+            {
+                fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
+                fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
+            });
+
+        return builder.Build();
+    }
+}
+
+{% endhighlight %}
+{% endtabs %} 
+
+## Step 4: Add a Basic OtpInput
+
+1. To initialize the control, import the `Syncfusion.Maui.Toolkit.OtpInput` namespace into your code.
+
+2. Initialize `SfOtpInput.`
+
+{% tabs %}
+{% highlight xaml %}
+
+<otpInput:SfOtpInput />
+
+{% endhighlight %}
+{% highlight c# %}
+
+SfOtpInput otpInput = new SfOtpInput();
+
+{% endhighlight %}
+{% endtabs %}
+
+{% endtabcontent %}
+{% tabcontent Visual Studio Code %}
+
+## Prerequisites
+
+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.
+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)
+
+## 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.**
+
+## 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.
+3. Run the command `dotnet add package Syncfusion.Maui.Toolkit` to install the Syncfusion<sup>®</sup> .NET MAUI Toolkit NuGet package.
+4. To ensure all dependencies are installed, run `dotnet restore.`
+
+## Step 3: Register the handler
+
+In the MauiProgram.cs file, register the handler for Syncfusion<sup>®</sup> Toolkit.
+
+{% tabs %}
+{% highlight C# tabtitle="MauiProgram.cs" hl_lines="1 9" %}
+using Syncfusion.Maui.Toolkit.Hosting;
+
+public static class MauiProgram
+{
+    public static MauiApp CreateMauiApp()
+    {
+        var builder = MauiApp.CreateBuilder();
+        builder
+            .ConfigureSyncfusionToolkit()
+            .UseMauiApp<App>()
+            .ConfigureFonts(fonts =>
+            {
+                fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
+                fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
+            });
+
+        return builder.Build();
+    }
+}
+
+{% endhighlight %}
+{% endtabs %} 
+
+## Step 4: Add a Basic OtpInput
+
+1. To initialize the control, import the `Syncfusion.Maui.Toolkit.OtpInput` namespace into your code.
+
+2. Initialize `SfOtpInput.`
+
+{% tabs %}
+{% highlight xaml %}
+
+<otpInput:SfOtpInput />
+
+{% endhighlight %}
+{% highlight c# %}
+
+SfOtpInput otpInput = new SfOtpInput();
+
+{% endhighlight %}
+{% endtabs %}
+
+{% endtabcontent %}
+{% endtabcontents %}
\ No newline at end of file
diff --git a/maui-toolkit/Otp-Input/Input-Types.md b/maui-toolkit/Otp-Input/Input-Types.md
new file mode 100644
index 00000000..d8705e1a
--- /dev/null
+++ b/maui-toolkit/Otp-Input/Input-Types.md
@@ -0,0 +1,98 @@
+---
+layout: post
+title: Input Types in .NET MAUI OtpInput | Syncfusion®
+description: Learn here about input types in Syncfusion® .NET MAUI OtpInput (SfOtpInput) control in your cross-platform applications.
+platform: maui-toolkit
+control: OtpInput
+documentation: ug
+---
+
+# Input Types in .NET MAUI OTP Input
+
+## Types
+
+This section explains the 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 OTPs. By default, the `Type` property is set to `Number`.
+
+{% tabs %}	
+{% highlight xaml %}
+
+<otpInput:SfOtpInput Value="1234" Type="Number" />
+	
+{% endhighlight %}
+{% highlight c# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+    Value = "1234",
+    Type = OtpInputType.Number
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+### Text type
+
+You can set the `Type` property to `Text` for inputs that may include both letters and numbers, suitable for alphanumeric OTPs.
+
+{% tabs %}	
+{% highlight xaml %}
+
+<otpInput:SfOtpInput Value="e3c7" Type="Text" />
+	
+{% endhighlight %}
+{% highlight c# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+    Value = "e3c7",
+    Type = OtpInputType.Text
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+### Password type
+
+You can set the `Type` property to `Password` to use this input type as password in the OtpInput.
+
+{% tabs %}	
+{% highlight xaml %}
+
+<otpInput:SfOtpInput Value="e3c7" Type="Password" />
+	
+{% endhighlight %}
+{% highlight c# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+    Value = "e3c7",
+    Type = OtpInputType.Password
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+## Value
+
+You can specify the value of OtpInput by using the `Value` property.
+
+{% tabs %}	
+{% highlight xaml %}
+
+<otpInput:SfOtpInput Value="e3c7" Type="Text" />
+	
+{% endhighlight %}
+{% highlight c# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+    Value = "e3c7",
+    Type = OtpInputType.Text
+};
+
+{% endhighlight %}
+{% endtabs %}
\ No newline at end of file
diff --git a/maui-toolkit/Otp-Input/OtpInput-Customization.md b/maui-toolkit/Otp-Input/OtpInput-Customization.md
new file mode 100644
index 00000000..42026189
--- /dev/null
+++ b/maui-toolkit/Otp-Input/OtpInput-Customization.md
@@ -0,0 +1,279 @@
+---
+layout: post
+title: Customization in .NET MAUI OtpInput (SfOtpInput) | Syncfusion®
+description: Learn how to customize OTP input in Syncfusion® .NET MAUI OtpInput (SfOtpInput) control. Explore various options to enhance the appearance of your OTP input.
+platform: maui-toolkit
+control: OtpInput
+documentation: ug
+---
+
+# Customization in .NET MAUI OtpInput (SfOtpInput)
+
+An `OtpInput` consists of multiple elements that can be customized to enhance both its appearance and functionality.
+
+## Placeholder
+
+The placeholder for the OtpInput 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.
+
+{% tabs %}	
+{% highlight xaml %}
+
+<otpInput:SfOtpInput Placeholder="x" />
+	
+{% endhighlight %}
+{% highlight c# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+    Placeholder = "x"
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+For placeholders with multiple characters, available input fields will sequentially display each character.
+
+{% tabs %}	
+{% highlight xaml %}
+
+<otpInput:SfOtpInput Placeholder="wxyz" />
+	
+{% endhighlight %}
+{% highlight c# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+    Placeholder = "wxyz"
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+### PlaceholderColor
+
+The color of placeholder text can be changed using the `PlaceholderColor` property.
+
+{% tabs %}
+{% highlight xaml %}
+
+<otpInput:SfOtpInput Placeholder="x" PlaceholderColor="Red" />
+
+{% endhighlight %}
+{% highlight C# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+    Placeholder = "x",
+    PlaceholderColor = Colors.Red
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+## Separator
+
+The `Separator` property defines a character or symbol used to separate each input field, visually distinguishing inputs.
+
+{% tabs %}
+{% highlight xaml %}
+
+<otpInput:SfOtpInput Separator="/" />
+
+{% endhighlight %}
+{% highlight C# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+    Separator = "/"
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+## 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`.
+
+{% tabs %}
+{% highlight xaml %}
+
+<otpInput:SfOtpInput Length="6" />
+
+{% endhighlight %}
+{% highlight C# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+    Length = 6
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+## Disable inputs
+
+You can disable the OtpInput 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 %}
+
+## 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.`
+
+{% tabs %}
+{% highlight xaml %}
+
+<otpInput:SfOtpInput InputBackground="LightPink" StylingMode="Filled" />
+
+{% endhighlight %}
+{% highlight C# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+    InputBackground = Colors.LightPink,
+    StylingMode = OtpInputStyle.Filled
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+## Stroke
+
+You can set the `Stroke` property to any color to customize the border appearance of the input fields. 
+
+{% tabs %}
+{% highlight xaml %}
+
+<otpInput:SfOtpInput Stroke="Blue" />
+
+{% endhighlight %}
+{% highlight C# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+    Stroke = Colors.Blue
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+## Text color
+
+You can set the `TextColor` property to any color to customize the text appearance of the input fields. 
+
+{% tabs %}
+{% highlight xaml %}
+
+<otpInput:SfOtpInput TextColor="Orange" />
+
+{% endhighlight %}
+{% highlight C# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+    TextColor = Colors.Orange
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+## 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.`
+
+{% tabs %}
+{% highlight xaml %}
+
+<otpInput:SfOtpInput Type="Password" MaskCharacter="*" />
+
+{% endhighlight %}
+{% highlight C# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+    Type = OtpInputType.Password,
+    MaskCharacter = '*'
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+## Input state
+
+The `InputState` property in the OtpInput 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 OtpInput turns green.
+
+{% tabs %}
+{% highlight xaml %}
+
+<otpInput:SfOtpInput InputState="Success" />
+
+{% endhighlight %}
+{% highlight C# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+    InputState = OtpInputState.Success
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+### 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 OtpInput turns yellow when `InputState` is set to `Warning.`
+
+{% tabs %}
+{% highlight xaml %}
+
+<otpInput:SfOtpInput InputState="Warning" />
+
+{% endhighlight %}
+{% highlight C# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+    InputState = OtpInputState.Warning
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+### Error
+
+The `InputState` can be set to `Error` to indicate that the input is invalid or requires correction. The stroke of OtpInput turns red when `InputState` is set to `Error.`
+
+{% tabs %}
+{% highlight xaml %}
+
+<otpInput:SfOtpInput InputState="Error" />
+
+{% endhighlight %}
+{% highlight C# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+    InputState = OtpInputState.Error
+};
+
+{% endhighlight %}
+{% endtabs %}
\ No newline at end of file
diff --git a/maui-toolkit/Otp-Input/Overview.md b/maui-toolkit/Otp-Input/Overview.md
new file mode 100644
index 00000000..8bf95bc3
--- /dev/null
+++ b/maui-toolkit/Otp-Input/Overview.md
@@ -0,0 +1,22 @@
+---
+layout: post
+title: About .NET MAUI OtpInput control | Syncfusion®
+description: Learn here about introduction of Syncfusion® .NET MAUI OtpInput (SfOtpInput) control in your cross-platform applications.
+platform: maui-toolkit
+control: OtpInput
+documentation: ug
+---
+
+# .NET MAUI OtpInput (SfOtpInput) Overview
+
+An `OtpInput` 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.
+
+## Key Features
+
+* `Length` - Customize the number of input fields to match the desired OTP code length.
+
+* `StylingMode` - Supports different styling modes : Outlined, Filled, and Underlined.
+
+* `Type` - Supports different input types : Number, Text, and Password.
+
+* `Separator` – Specifies the character or symbol used to separate each input field.
\ No newline at end of file
diff --git a/maui-toolkit/Otp-Input/Styling-Modes.md b/maui-toolkit/Otp-Input/Styling-Modes.md
new file mode 100644
index 00000000..abf588dc
--- /dev/null
+++ b/maui-toolkit/Otp-Input/Styling-Modes.md
@@ -0,0 +1,73 @@
+---
+layout: post
+title: Styling Modes in .NET MAUI OtpInput | Syncfusion®
+description: Learn here about styling modes in Syncfusion® .NET MAUI OtpInput (SfOtpInput) control in your cross-platform applications.
+platform: maui-toolkit
+control: OtpInput
+documentation: ug
+---
+
+# Styling Modes in OtpInput
+
+Styling modes specify the visual style variants for input fields in the OtpInput component, allowing you to customize appearances according to your application's design needs.
+
+
+## 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 OtpInput component.
+
+{% tabs %}	
+{% highlight xaml %}
+
+<otpInput:SfOtpInput StylingMode="Outlined" />
+	
+{% endhighlight %}
+{% highlight c# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+    StylingMode = OtpInputStyle.Outlined
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+## Filled mode
+
+You can customize the appearance of input fields by filling them with color by setting the `StylingMode` property to `Filled.` 
+
+{% tabs %}	
+{% highlight xaml %}
+
+<otpInput:SfOtpInput StylingMode="Filled" />
+	
+{% endhighlight %}
+{% highlight c# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+    StylingMode = OtpInputStyle.Filled
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+## Underline mode
+
+You can customize the appearance of input fields with an underline by setting the `StylingMode` property to `Underlined.`
+
+{% tabs %}	
+{% highlight xaml %}
+
+<otpInput:SfOtpInput StylingMode="Underlined" />
+	
+{% endhighlight %}
+{% highlight c# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+    StylingMode = OtpInputStyle.Underlined
+};
+
+{% endhighlight %}
+{% endtabs %}
\ No newline at end of file