CommandPalette

⌘K：所有页面和操作，分组显示；支持嵌套页面；异步分组带低调的进度线。

function Basic() {
  const [open, setOpen] = useState(false);
  return (
    <>
      <Button leadingIcon={icons.search} onClick={() => setOpen(true)} size="lg">
        Search
      </Button>
      <CommandPalette open={open} onOpenChange={setOpen} groups={groups} hotkey={false} />
    </>
  );
}

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

属性

defaultQuery
string
以此查询开始（用于文档）。
emptyText
ReactNode
默认为 LocaleProvider 语言中的“无结果”。
groups
CommandGroup[]
命令，按组排列，每组带一个标题。
hotkey
boolean
在任意位置按 ⌘K / Ctrl+K 打开（默认开启）。
inline
boolean
不使用 Portal 渲染，用于文档和状态矩阵。
keyHints
boolean
显示按键的页脚（↑ ↓ 切换，↵ 打开，esc 关闭）。默认关闭：只在需要的地方显示按键提示。
onOpenChange
((open: boolean) => void)
打开或关闭时调用。
onQueryChange
((query: string) => void)
查询变化时调用，用于异步分组。
open
boolean
受控时，是否处于打开状态。
placeholder
string
默认为 LocaleProvider 语言中的“搜索或运行命令”。