表单组件版本 0.1.0

OTPInput 验证码输入

按固定长度分格录入一次性验证码，并支持连续输入与粘贴。

使用概览

正在加载示例…

本地候选警告Registry 地址仅指向当前本地文档站；npm 包也只用于本地候选验证，尚未公开发布。

pnpm dlx shadcn@4.16.0 add http://127.0.0.1:3000/r/otp-input.json

import { OTPInput } from "@richardqiu/quartz/otp-input";

<OTPInput aria-label="六位验证码" length={6} name="verificationCode" />

默认

键盘焦点可见

已禁用

无效

label · textactive · boolean

属性	类型	默认值	说明
`length`	`number`	`必填`	设置验证码字符数与对应输入格数量。