@@ -24,7 +24,8 @@ dependencies {
24
24
25
25
Step 3. After Adding the Dependency, All you need to add OTP composable
26
26
``` 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
28
29
29
30
OtpComposableFilled(
30
31
heightInDP = 50. dp,
@@ -40,7 +41,7 @@ Step 3. After Adding the Dependency, All you need to add OTP composable
40
41
Log . d(" LogTag" , it. toString())
41
42
}
42
43
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
44
45
45
46
OtpComposableOutlined(
46
47
widthInDp = 50. dp,
@@ -54,7 +55,53 @@ Step 3. After Adding the Dependency, All you need to add OTP composable
54
55
{
55
56
Log . d(" LogTag" , it. toString())
56
57
}
57
-
58
58
```
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
+
59
106
60
107
0 commit comments