Skip to content

Commit 13451fb

Browse files
committed
Merge remote-tracking branch 'origin/master'
2 parents 1759a80 + e0142bb commit 13451fb

File tree

1 file changed

+50
-3
lines changed

1 file changed

+50
-3
lines changed

Readme.md

Lines changed: 50 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,8 @@ dependencies {
2424

2525
Step 3. After Adding the Dependency, All you need to add OTP composable
2626
```java
27-
1. Use Otpfilled for Otp type where you want to set custom background drawable
27+
28+
a. Use Otp filled for Otp type where you want to set custom background drawable
2829

2930
OtpComposableFilled(
3031
heightInDP = 50.dp,
@@ -40,7 +41,7 @@ Step 3. After Adding the Dependency, All you need to add OTP composable
4041
Log.d("LogTag", it.toString())
4142
}
4243

43-
2. Use Otp outline composable for otp type where you want focus and unfocus border
44+
b. Use Otp outline composable for otp type where you want focus and unfocus border
4445

4546
OtpComposableOutlined(
4647
widthInDp = 50.dp,
@@ -54,7 +55,53 @@ Step 3. After Adding the Dependency, All you need to add OTP composable
5455
{
5556
Log.d("LogTag", it.toString())
5657
}
57-
5858
```
59+
## Features and property
60+
61+
Automatic Otp capture(Dafault false)
62+
63+
1. automaticCapture = true, // True when you want to detect otp automatically with user consent
64+
2. automaticCapture = false, // By default it is false
65+
66+
## Size
67+
68+
1. widthInDp = 50.dp, // Size in dp for otp box size
69+
2. heightinDp = 50.dp, // Size in dp for otp box size
70+
71+
## Color:-
72+
73+
1.backgroundColor = Color.Transparent, // for transparent background else your color choice for box background
74+
2.focusColor = Color.Green, // border Color when user on active box
75+
3.unfocusColor = Color.DarkGray, // border Color when user not on active box
76+
77+
## Password Toggle:-
78+
79+
1. passwordToggle = false, // if you want to display digit on box
80+
2. passwordToggle = true, // if you want to display dor in box for privacy
81+
82+
## Modifier:-
83+
84+
1. modifier = Modifier.fillMaxWidth()) //Parent Row modfier
85+
86+
## Arrangment:-
87+
88+
1.arrangement = Arrangement.SpaceEvenly, // Arrangement in parent row
89+
90+
## Corner Radius:-
91+
92+
1.cornerRadius = 8.dp // Border radius for OTP box
93+
94+
## OnvalueChange;-
95+
96+
1. Return the string when the all the box is filled
97+
98+
## OTP composable Type:-
99+
100+
1. otpComposableType = ComposableType.TYPE_FOUR // When you want otp composable with four boxes
101+
2. otpComposableType = ComposableType.TYPE_SIX // When you want otp composable with six boxes
102+
103+
104+
105+
59106

60107

0 commit comments

Comments
 (0)