复制一段给 AI 编程工具的提示词,包含源码、依赖和用法
属性
OtpInputProps
同时支持以下类型的全部属性: Omit<React.ComponentProps<"div">, "onChange" | "defaultValue">
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| length | number | 6 | — |
| value | string | — | — |
| defaultValue | string | "" | — |
| onChange | (value: string) => void | — | — |
| onComplete | (value: string) => void | — | Called once every slot is filled |
| groupSize | number | 3 | Insert a separator after every N slots, 0 for none |
| mask | boolean | false | Show dots instead of the digits |
| alphanumeric | boolean | false | Accept letters as well as digits |
| invalid | boolean | false | — |
| disabled | boolean | false | — |
安装
$ npx shadcn@latest add https://chromotion.dev/r/otp-input.json命令行安装的是基础组件,定制的参数写在「定制」标签页生成的代码里。