ಇಂಪೋರ್ಟ್
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 ನಿಂದ ಕೋಡ್ ಅನ್ನು ತುಂಬುತ್ತದೆ. |