MatrixUI Logo

Command

Fast, composable, unstyled command menu for React.

Preview

Installation

npm install @matrix-ui/components

Usage

import {
  Command,
  CommandDialog,
  CommandInput,
  CommandList,
  CommandEmpty,
  CommandGroup,
  CommandItem,
  CommandSeparator,
  CommandShortcut,
} from '@matrix-ui/components'

<Command>
  <CommandInput placeholder="Search..." />
  <CommandList>
    <CommandEmpty>No results found.</CommandEmpty>
    <CommandGroup heading="Group Title">
      <CommandItem>
        <span>Item 1</span>
        <CommandShortcut>Cmd+1</CommandShortcut>
      </CommandItem>
    </CommandGroup>
  </CommandList>
</Command>

Examples

Dialog

Press CmdK to open the command palette, or click the button below.

Inline Command List