Skip to Content
JoyUI

OTP 输入

每位一格的验证码输入,支持粘贴与自动填充。

每位一格的验证码输入,支持粘贴与自动填充。

安装

npx @joyui/cli add input-otp --yes

或通过 JoyUI MCP / CLI 安装。

应用场景

将上方预览中的 props 换成业务文案与状态即可用于表单、工具栏或设置页。

上方预览中的文案、选项与数据均可替换为业务配置;不要复制写死的演示常量到生产。

API

InputOtp
参数说明类型可选值默认值
…props请以组件源码导出的 Props 类型为准;常用 className、受控 value、children 均可配置。见源码——
className合并到根节点的额外类名。string——