SensitiveInput

默认隐藏的密钥，点击眼睛图标显示，显示时使用等宽字体，绝不自动填充。

查看源码

Only the last four characters stay visible after saving.

import { SensitiveInput } from "@logicplanes/kaeso-ui";

属性

  • align
    "start" | "end"

    值的文本对齐方式；数字靠右对齐并使用等宽数字。

  • defaultRevealed
    boolean = false

    初始即显示。

  • description
    ReactNode

    标签下方的一句帮助文字。

  • invalid
    boolean

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

  • kind
    "password" | "secret" = secret

    密码（保存后不再显示）或 API 密钥等机密。

  • label
    ReactNode

    可见标签。

  • layout
    "horizontal" | "vertical"

    标签位于控件上方（vertical）或旁边（horizontal）。

  • leadingIcon
    IconSvgElement

    文字前的图标。

  • optional
    boolean

    在标签后加上“可选”，用于大多数字段为必填的表单。

  • prefix
    ReactNode

    值前的文字：“https://”。

  • size
    "md" | "sm" | "lg" | "xl"

    输入框的高度。

  • suffix
    ReactNode

    值后的文字：“USD”“/ 分钟”。