Command

Command component documentation.

Loading...

Usage

import {
  Command,
  CommandInput,
  CommandList,
  CommandEmpty,
  CommandGroup,
  CommandSeparator,
  CommandItem,
} from "@aqqo/aqqo-ui";
<Command>
  <CommandInput placeholder="Type a command or search..." />
  <CommandList>
    <CommandEmpty>No results found.</CommandEmpty>
    <CommandGroup>
      <CommandItem>First Command</CommandItem>
      <CommandItem>Second Command</CommandItem>
    </CommandGroup>
    <CommandSeparator />
    <CommandGroup>
      <CommandItem>Third Command</CommandItem>
      <CommandItem>Fourth Command</CommandItem>
    </CommandGroup>
  </CommandList>
</Command>

Props

Command wraps cmdk. Custom props: className. Inherits cmdk Command props (filter, shouldFilter, loop, etc.). Sub-components (CommandInput, CommandList, CommandEmpty, CommandGroup, CommandSeparator, CommandItem) add className and inherit their cmdk equivalents' props.

On this page

  1. Usage
  2. Props
Scroll to top