26 lines
645 B
TypeScript
26 lines
645 B
TypeScript
"use client"
|
|
import { REGEXP_ONLY_DIGITS_AND_CHARS } from "input-otp"
|
|
|
|
import {
|
|
InputOTP,
|
|
InputOTPGroup,
|
|
InputOTPSlot,
|
|
} from "@/components/ui/input-otp"
|
|
const PatternOtp = () => {
|
|
return (
|
|
<div className="flex justify-center">
|
|
<InputOTP maxLength={6} pattern={REGEXP_ONLY_DIGITS_AND_CHARS}>
|
|
<InputOTPGroup>
|
|
<InputOTPSlot index={0} />
|
|
<InputOTPSlot index={1} />
|
|
<InputOTPSlot index={2} />
|
|
<InputOTPSlot index={3} />
|
|
<InputOTPSlot index={4} />
|
|
<InputOTPSlot index={5} />
|
|
</InputOTPGroup>
|
|
</InputOTP>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default PatternOtp; |