Search This Blog

Showing posts with label OTP Control. Show all posts
Showing posts with label OTP Control. Show all posts

Monday, 29 November 2021

Xamarin Form OTP Control

OTP Entry Control For Xamarin Forms

Otp Entry Control - is a cross-platform plugin for Xamairn Forms that allows you to enter specified length otp.

image


How To Use

Available on Nuget : https://www.nuget.org/packages/OTPEntryControl/1.0.4
Install this Plugin in your Xamarin Form Project.

Github : https://github.com/mistrypragnesh40/OTPControl

Youtube : https://youtu.be/pdA45xF2G_U

Implementation Example

namespace : xmlns:otpcontrol="clr-namespace:OTPControl;assembly=OTPControl"

<StackLayout>
    <Frame BackgroundColor="#2196F3" Padding="24" CornerRadius="0">
        <Label Text="Welcome to Xamarin.Forms!" HorizontalTextAlignment="Center" TextColor="White" FontSize="36"/>
    </Frame>
    <Label Text="Start developing now" FontSize="Title" Padding="30,10,30,10"/>
   
    <otpcontrol:CustomOtpControl FillBorderColor="Orange" EmptyBorderColor="Gray"   OtpLength="4" HorizontalOptions="Center"  />
</StackLayout>

Property

  1. OtpLength: You can set the number like 4 digit or 6 digit.
  2. FillBorderColor: Entered Otp Tint Color.
  3. EmptyBorderColor: Default Border Color.
  4. SelectedOtp: This Property will return Entered Otp in Text Format.



Popular Posts