SearchInput

带前置图标的搜索框，有内容时显示清除圆形按钮，并在需要时显示快捷键提示。

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

属性

  • align
    "start" | "end"

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

  • description
    ReactNode

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

  • invalid
    boolean

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

  • label
    ReactNode

    可见标签。

  • layout
    "horizontal" | "vertical"

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

  • onClear
    (() => void)

    按下清除按钮时调用。

  • optional
    boolean

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

  • placeholder
    string

    默认为 LocaleProvider 语言中的“搜索”。

  • shortcut
    string[]

    输入框为空时显示的快捷键提示：["mod", "k"] 或 ["/"]。

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

    输入框的高度。

  • trailing
    ReactNode

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