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