Command

Glass command palette with mono typography and uppercase shortcuts.

Command palette

Palette demo

Uses the glass dialog and mono command list styling from the PoC.

Installation

pnpm dlx shadcn@latest add @omni/command

Usage

import {
  Command,
  CommandDialog,
  CommandInput,
  CommandItem,
  CommandList,
} from "@/components/ui/command"

const [open, setOpen] = React.useState(false)

<CommandDialog open={open} onOpenChange={setOpen}>
  <Command>
    <CommandInput placeholder="Search actions" />
    <CommandList>
      <CommandItem onSelect={() => setOpen(false)}>
        Launch console
      </CommandItem>
    </CommandList>
  </Command>
</CommandDialog>