Command Bar

Overlays

Inline command search bar with grouped actions and keyboard shortcut hints.

Command Bar — inline command search with groups and shortcuts

⌕

Navigation

🏠Go to HomeGH

🎨Open CN LibraryGC

Actions

🌙Toggle Dark Mode⌘\

📋Copy Page URL⌘K

Account

👋Sign Out

Instalação via CLI

$ npx kikitocn add command-bar

Interno:

@/lib/utils

Exemplo de uso

Command BarExample.tsx

import { CommandBar } from "@/components/ui/cn/command-bar/CommandBar";

export function CommandBarExample() {
  return (
    <CommandBar />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`actions*`	`CommandBarAction[]`	—	Ações: { id, label, shortcut?, icon?, onSelect?, group? }
`placeholder`	`string`	`undefined`	Texto placeholder do campo de busca

Carregando…