**OtpInput** The OTP input is used for MFA procedure of authenticating users by a one-time password.
**Basic**:
**Label**:
Custom label
**Type**:
**Directions**:
**Binding**:
private string? oneWayValue;
private string? twoWayValue;
**Events**:
Submit
public class ValidationOtpInputModel
{
[Required(ErrorMessage = "The OTP value is required.")]
[MinLength(6, ErrorMessage = "Minimum length is 6.")]
public string OtpValue { get; set; }
}
private ValidationOtpInputModel validationOtpInputModel = new();
private void HandleValidSubmit() { }
private void HandleInvalidSubmit() { }
**Size**:
**Style & Class**:
**RTL**:
OnChange value: @onChangeValue
OnFill value: @onFillValue
Focus type: @onFocusInArgs?.Event.Type
Input index: @onFocusInArgs?.Index
Focus type: @onFocusOutArgs?.Event.Type
Input index: @onFocusOutArgs?.Index
Value: @onInputArgs?.Event.Value
Input index: @onInputArgs?.Index
Key & Code: [@onKeyDownArgs?.Event.Key] [@onKeyDownArgs?.Event.Code]
Input index: @onKeyDownArgs?.Index
Focus type: @onPasteArgs?.Event.Type
Input index: @onPasteArgs?.Index
private string? onChangeValue;
private string? onFillValue;
private (FocusEventArgs Event, int Index)? onFocusInArgs;
private (FocusEventArgs Event, int Index)? onFocusOutArgs;
private (ChangeEventArgs Event, int Index)? onInputArgs;
private (KeyboardEventArgs Event, int Index)? onKeyDownArgs;
private (ClipboardEventArgs Event, int Index)? onPasteArgs;
**Validation**: