Input OTP

This component is used to render a multi field input for IDS or Credentials.

Example Usage

Example

123456

<template>
  <sk-input-otp v-model="value" :length="6" />
  {{ value }}
  <sk-input-otp v-model="value2" :length="3" />
  {{ value2 }}
</template>

<script setup>
import { ref } from 'vue';

const value = ref('123456');
const value2 = ref('');
</script>

Reference

Properties

Name	Type	Default	Description
v-model	String	""	Your reactive variable
length	Number	3	Amount of inputs per group
groups	Number	2	YAmount of groups
type	Number	text	Use "tel" for only numbers
disabled	Boolean	false	Disable the input

Events

Name	Parameters	Description
@input	value	triggered on change