इंटरैक्टिव प्लेग्राउंड

ऑप्शन टॉगल करके अपना परफेक्ट OTP इनपुट बनाएं। जेनरेट किया गया कोड लाइव अपडेट होता है।

Theme

Variant

Size

Inputs6

SeparatorNoneDashDotStar

Disabled Error Success

View Code

<OtpInput
  v-model="otp"
  theme="box"
  size="md"
  :num-inputs="6"
/>

क्विक उदाहरण

बेसिक 6-डिजिट OTP

<OtpInput v-model="otp" />

4-डिजिट PIN

सभी साइज़

छोटा

मध्यम

बड़ा

बहुत बड़ा