Pin Input

An accessible segmented verification code. Try the live example, then switch to Code to copy its Vue source.

Preview

<script setup>
import { ref } from 'vue'
import { NbPinInput } from '@neobrut-vue/core'

const code = ref('')
</script>

<template>
  <NbPinInput v-model="code" label="Verification code" :length="6" otp />
</template>

Usage

Import NbPinInput from @neobrut-vue/core and its stylesheet once in your app. The Code tab above contains a complete example.