mediahub-fe/app/[locale]/(protected)/forms/input-otp/separator-otp.tsx

31 lines
720 B
TypeScript

import {
InputOTP,
InputOTPGroup,
InputOTPSeparator,
InputOTPSlot,
} from "@/components/ui/input-otp"
const SeperatorOtp = () => {
return (
<div className="flex justify-center">
<InputOTP maxLength={6} >
<InputOTPGroup>
<InputOTPSlot index={0} />
<InputOTPSlot index={1} />
</InputOTPGroup>
<InputOTPSeparator />
<InputOTPGroup>
<InputOTPSlot index={2} />
<InputOTPSlot index={3} />
</InputOTPGroup>
<InputOTPSeparator />
<InputOTPGroup>
<InputOTPSlot index={4} />
<InputOTPSlot index={5} />
</InputOTPGroup>
</InputOTP >
</div>
)
};
export default SeperatorOtp;