23 lines
474 B
TypeScript
23 lines
474 B
TypeScript
"use client"
|
|
|
|
import { REGEXP_ONLY_DIGITS } from "input-otp"
|
|
|
|
import {
|
|
InputOTP,
|
|
InputOTPGroup,
|
|
InputOTPSlot,
|
|
} from "@/styles/radix-nova/ui/input-otp"
|
|
|
|
export function InputOTPFourDigits() {
|
|
return (
|
|
<InputOTP maxLength={4} pattern={REGEXP_ONLY_DIGITS}>
|
|
<InputOTPGroup>
|
|
<InputOTPSlot index={0} />
|
|
<InputOTPSlot index={1} />
|
|
<InputOTPSlot index={2} />
|
|
<InputOTPSlot index={3} />
|
|
</InputOTPGroup>
|
|
</InputOTP>
|
|
)
|
|
}
|