Autocomplete

带建议的自由文本输入。

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

属性

  • aria-label
    string

    无障碍名称,用于没有可见标签的情况。

  • defaultValue
    string

    首次渲染时输入框中的文字。

  • description
    ReactNode

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

  • disabled
    boolean

    将其禁用:无法使用,并显示为变暗。

  • id
    string

    控件的 ID,便于其他位置的标签指向它。

  • label
    ReactNode

    可见标签。

  • layout
    "horizontal" | "vertical"

    标签位于控件上方(vertical)或旁边(horizontal)。

  • leadingIcon
    IconSvgElement

    输入框开头的图标。

  • name
    string

    在表单中提交值时使用的字段名。

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

    每当文字变化时调用,并传入该文字。

  • optional
    boolean

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

  • placeholder
    string

    没有值时显示的文字。

  • required
    boolean

    在表单中将其标记为必填。

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

    输入框的高度。

  • suggestions
    string[]

    建议项;值仍是自由文本。

  • value
    string

    受控时输入框中的文字。