{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-input-otp-5","type":"registry:block","title":"OTP input for PIN codes.","description":"OTP input for PIN codes.","dependencies":["input-otp"],"registryDependencies":["field","input-otp"],"files":[{"path":"c-input-otp-5.tsx","type":"registry:block","content":"import { REGEXP_ONLY_DIGITS } from \"input-otp\"\n\nimport {\n  Field,\n  FieldDescription,\n  FieldLabel,\n} from \"@/components/ui/field\"\nimport {\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSlot,\n} from \"@/components/ui/input-otp\"\n\nexport function Pattern() {\n  return (\n    <div className=\"flex items-center justify-center\">\n      <Field>\n        <FieldLabel htmlFor=\"four-digits\">4-Digit PIN</FieldLabel>\n        <FieldDescription>Common pattern for PIN codes.</FieldDescription>\n        <InputOTP id=\"four-digits\" maxLength={4} pattern={REGEXP_ONLY_DIGITS}>\n          <InputOTPGroup>\n            <InputOTPSlot index={0} />\n            <InputOTPSlot index={1} />\n            <InputOTPSlot index={2} />\n            <InputOTPSlot index={3} />\n          </InputOTPGroup>\n        </InputOTP>\n      </Field>\n    </div>\n  )\n}","target":"components/examples/c-input-otp-5.tsx"}],"meta":{"order":5}}