OTPInput

六个单元格输入 TOTP 验证码，对应一个无障碍输入框：粘贴自动填充，退格键回退。

查看源码
import { OTPInput } from "@logicplanes/kaeso-ui";

属性

  • defaultValue
    string

    首次渲染时的代码。

  • invalid
    boolean

    显示为无效；请搭配说明如何修正的消息。

  • length
    number = 6

    代码的字符数。

  • onComplete
    ((value: string) => void)

    所有单元格填满后调用一次。

  • onValueChange
    ((value: string) => void)

    键入时调用，并传入代码。

  • size
    "md" | "sm" = md

    每个字符方框的尺寸。

  • value
    string

    受控时已键入的代码。