The .NET MAUI OTP Input is a versatile form component designed for entering one-time passwords (OTP) during multifactor authentication. It accepts one character per input field, providing a focused and intuitive user experience. Its built-in customization options include input types, input lengths, styling modes, placeholders, separators, and input states.
The .NET MAUI OTP Input component supports three input types:
Number: Allows digit entries only. This is the default input type.Text: Allows text and digit input.Password: Accepts the same input as the Text type, but masks input characters for privacy.
The built-in styling modes are:
Outlined: Displays a border around each input field. This is the default styling mode.Filled: Fills the input fields with a background color and underlines each input.Underlined: Highlights each input field with an underline for a sleek look.Display a placeholder character in each input field. If defined as a single character, that character will be shown in all fields. Otherwise, each field will display a character of the specified placeholder string based on its length.
Specify a character to be placed between input fields, enhancing their visual separation.
The .NET MAUI OTP Input component allows you to set the validation state to display success, warning, or error states based on the input validation.
Customize the length of the OTP Input, the styling for each field, and more.
Adjust the length of the OTP Input to fit your app requirements. The component is set to four fields by default.
Enhance the visual clarity of the OTP Input by customizing its field stroke color. The stroke remains visible when the field is filled, ensuring a consistent UI experience.
Customize the background color of the OTP Input fields in their filled state to align with your preferred theme. The background color remains consistent as values are entered or cleared.
60+ UI controls
200+ interactive .NET MAUI demos
1.0M+ downloads
Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion® is proud to hold the following industry awards.
