Input

使用次要材质和柔和焦点光晕的胶囊文本框。

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

属性

  • align
    "start" | "end"

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

  • description
    ReactNode

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

  • invalid
    boolean

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

  • label
    ReactNode

    可见标签。

  • layout
    "horizontal" | "vertical"

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

  • leadingIcon
    IconSvgElement

    文字前的图标。

  • optional
    boolean

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

  • prefix
    ReactNode

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

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

    输入框的高度。

  • suffix
    ReactNode

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

  • trailing
    ReactNode

    任意后置元素（按钮、Kbd）。