组件

Command

构建支持搜索与键盘导航的命令列表

Command

Command 适合命令面板、资源搜索和快速跳转。它负责筛选与键盘选择,打开方式和业务执行仍由宿主管理。

import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "@downcity/ui";

export function CommandSearch() {
  return (
    <Command>
      <CommandInput placeholder="搜索命令..." />
      <CommandList>
        <CommandEmpty>没有匹配项</CommandEmpty>
        <CommandGroup heading="项目">
          <CommandItem value="open">打开项目</CommandItem>
          <CommandItem value="settings">打开设置</CommandItem>
        </CommandGroup>
      </CommandList>
    </Command>
  );
}

CommandItem 必须放在 CommandGroup 中。需要模态命令面板时,将完整 Command 组合进 Dialog

目录