Autocomplete
带建议的自由文本输入。
<div className="w-320">
<Autocomplete
label="Endpoint"
leadingIcon={icons.route}
suggestions={["/v1/responses", "/v1/chat/completions", "/v1/messages", "/v1/embeddings"]}
placeholder="/v1/…"
/>
</div>import { Autocomplete } from "@logicplanes/kaeso-ui";属性
aria-labelstring无障碍名称,用于没有可见标签的情况。
defaultValuestring首次渲染时输入框中的文字。
descriptionReactNode标签下方的一句帮助文字。
disabledboolean将其禁用:无法使用,并显示为变暗。
idstring控件的 ID,便于其他位置的标签指向它。
labelReactNode可见标签。
layout"horizontal" | "vertical"标签位于控件上方(
vertical)或旁边(horizontal)。leadingIconIconSvgElement输入框开头的图标。
namestring在表单中提交值时使用的字段名。
onValueChange((value: string) => void)每当文字变化时调用,并传入该文字。
optionalboolean在标签后加上“可选”,用于大多数字段为必填的表单。
placeholderstring没有值时显示的文字。
requiredboolean在表单中将其标记为必填。
size"md" | "sm" | "lg" | "xl"输入框的高度。
suggestionsstring[]建议项;值仍是自由文本。
valuestring受控时输入框中的文字。