{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "input-otp-04",
  "title": "Separated OTP Input (Alternate)",
  "description": "An alternate style of separated OTP input fields",
  "registryDependencies": [
    "input-otp"
  ],
  "files": [
    {
      "path": "src/components/customized/input-otp/input-otp-04.tsx",
      "content": "import {\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSeparator,\n  InputOTPSlot,\n} from \"@/registry/ui/input-otp\";\n\nexport default function InputOTPDemo() {\n  return (\n    <InputOTP containerClassName=\"gap-3\" maxLength={6}>\n      <InputOTPGroup className=\"space-x-1\">\n        <InputOTPSlot className=\"rounded-md border-l\" index={0} />\n        <InputOTPSlot className=\"rounded-md border-l\" index={1} />\n        <InputOTPSlot className=\"rounded-md border-l\" index={2} />\n      </InputOTPGroup>\n      <InputOTPSeparator />\n      <InputOTPGroup className=\"space-x-1\">\n        <InputOTPSlot className=\"rounded-md border-l\" index={3} />\n        <InputOTPSlot className=\"rounded-md border-l\" index={4} />\n        <InputOTPSlot className=\"rounded-md border-l\" index={5} />\n      </InputOTPGroup>\n    </InputOTP>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}