Avançado

Command

Paleta de comandos estilo ⌘K para busca e ações rápidas.

Uso

Use o elemento <y-command> no seu HTML:

html

<y-command placeholder="Buscar ação...">  <y-command-group label="Sugestões">    <y-command-item>Novo pedido</y-command-item>    <y-command-item>Adicionar produto</y-command-item>    <y-command-item>Ver relatórios</y-command-item>  </y-command-group></y-command>

Exemplos

Padrão

Propriedades

Propriedade	Tipo	Padrão	Descrição
`placeholder`	`string`	—	Texto do campo de busca

Importação

Importe todos os componentes ou apenas este:

typescript

// Importar tudoimport '@yampi/ui';// Importar apenas este componenteimport '@yampi/ui/dist/components/command.js';

Acessibilidade

Suporta navegação por teclado
Utiliza atributos ARIA apropriados
focus-visible para indicação de foco