Spotlight Search

Overlays

Full-screen spotlight search with grouped actions, icons, shortcuts and keyboard nav.

Click the button to open the search overlay

Instalação via CLI

$ npx kikitocn add spotlight-search

Interno:

@/lib/utils

Exemplo de uso

Spotlight SearchExample.tsx

import { SpotlightSearch } from "@/components/ui/cn/spotlight-search/SpotlightSearch";

export function SpotlightSearchExample() {
  return (
    <SpotlightSearch />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`actions*`	`SpotlightAction[]`	—	Ações pesquisáveis: { id, label, description?, icon?, group?, shortcut?, onSelect }
`isOpen*`	`boolean`	—	Controla se o spotlight está aberto
`onClose*`	`() => void`	—	Callback para fechar
`placeholder`	`string`	`undefined`	Texto placeholder
`maxResults`	`number`	`undefined`	Limite de resultados exibidos

Voltar para Overlays

Carregando…