Carregando…

Command

Overlays

Command palette with search, grouped items, shortcuts and keybinding — palette/bar/spotlight variants.

Press ⌘K / Ctrl+K to open

Command Bar

Unificado

Unificado

Instalação via CLI

$ npx kikitocn add command

Interno:

@/lib/utils

Exemplo de uso

CommandExample.tsx

import { Command } from "@/components/ui/cn/command/Command";

export function CommandExample() {
  return (
    <Command />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`variant`	`'palette' \| 'bar' \| 'spotlight'`	`'palette'`	Família de renderização: palette (diálogo de paleta, usa groups), bar (barra inline, absorve CommandBar) ou spotlight (busca fullscreen, absorve SpotlightSearch). bar/spotlight usam actions no lugar de groups.
`groups*`	`CommandGroup[]`	—	variant='palette': grupos de ações { heading?, items: CommandItem[] }
`actions`	`CommandBarAction[] \| SpotlightAction[]`	`undefined`	variant='bar'\|'spotlight': lista de ações (substitui groups)
`isOpen`	`boolean`	`undefined`	variant='spotlight': controla a visibilidade (controlado)
`onClose`	`() => void`	`undefined`	variant='spotlight': callback ao fechar
`maxResults`	`number`	`8`	variant='spotlight': número máximo de resultados exibidos
`placeholder`	`string`	`undefined`	Texto placeholder do campo de busca
`open`	`boolean`	`undefined`	Estado de abertura (controlled)
`defaultOpen`	`boolean`	`false`	Estado inicial (uncontrolled)
`onOpenChange`	`(open: boolean) => void`	`undefined`	Callback quando abre/fecha
`keybinding`	`string`	`'⌘K'`	Atalho de teclado que abre o comando
`emptyMessage`	`string`	`undefined`	Mensagem quando não há resultados

Carregando…