search

ejirocodes / vue3-otp-input

🐗 A fully customisable OTP input component for Vue 3.x
https://npm.im/vue3-otp-input
112 stars 25 forks source link

I can input "v" in numeric input #54

Open jetie000 opened 4 weeks ago

jetie000 commented 4 weeks ago 
<v-otp-input
  :num-inputs="6"
  v-model:value="code" // string ref
  input-classes="otp-input rounded-md"
  inputType="password"
/>
<style lang="scss">
.otp-input-container {
  justify-content: space-between;
  gap: 10px;

  & > div {
    .otp-input {
      height: 34px;
      width: 100%;
      font-size: 22px;
      border: 1px solid $gray-main;
      text-align: center;
    }
  }
}
</style>

no other letters, only v

ejirocodes commented 5 days ago

Consider adding input mode pros @jetie000

Also take a look at the example

https://github.com/ejirocodes/vue3-otp-input/blob/main/src/App.vue#L34