ਇੰਪੋਰਟ
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 ਤੋਂ ਕੋਡ ਭਰਦਾ ਹੈ। |