ઇમ્પોર્ટ
import { NuiOtp, NuiOtpInput } from '@needless-ui/angular/otp';NuiOtp
સ્લૉટ દોરે છે અને ઇનપુટને પોતાની અંદર રાખે છે.
| નામ | પ્રકાર | ડિફૉલ્ટ | વર્ણન |
|---|---|---|---|
lengthઇનપુટ | number | 6 | કૅરેક્ટરની સંખ્યા. |
patternઇનપુટ | 'digits' | 'alphanumeric' | 'digits' | digits, અથવા અક્ષરો અને અંકો માટે alphanumeric. |
groupsઇનપુટ | number[] | [] | જૂથોનાં કદ, જેમની વચ્ચે વિભાજક દોરાય છે, જેમ કે [3, 3]. |
maskedઇનપુટ | boolean | false | કૅરેક્ટરને બદલે ટપકાં દોરે છે. |
completedઆઉટપુટ | string | દર વખતે છેલ્લો સ્લૉટ ભરાય ત્યારે કોડ એમિટ કરે છે. |
NuiOtpInput
સાચું ઇનપુટ. વન-ટાઇમ કોડ માટે જરૂરી એટ્રિબ્યુટ્સ તેને મળે છે.
| નામ | પ્રકાર | ડિફૉલ્ટ | વર્ણન |
|---|---|---|---|
webOtpઇનપુટ | boolean | false | જ્યાં સપોર્ટ હોય ત્યાં, WebOTP API વડે આવતા SMS માંથી કોડ ભરે છે. |