input-otp-separator-demo

1"use client"
2 
3import {
4  InputOTP,
5  InputOTPGroup,
6  InputOTPSeparator,
7  InputOTPSlot,
8} from "@/components/ui/input-otp"
9import { Label } from "@/components/ui/label"
10 
11export default function InputOTPSeparatorDemo() {
12  return (
13    <div className="space-y-2">
14      <Label htmlFor="otp-separator">2FA Code</Label>
15      <InputOTP id="otp-separator" maxLength={6}>
16        <InputOTPGroup>
17          <InputOTPSlot index={0} />
18          <InputOTPSlot index={1} />
19          <InputOTPSlot index={2} />
20        </InputOTPGroup>
21        <InputOTPSeparator />
22        <InputOTPGroup>
23          <InputOTPSlot index={3} />
24          <InputOTPSlot index={4} />
25          <InputOTPSlot index={5} />
26        </InputOTPGroup>
27      </InputOTP>
28    </div>
29  )
30}