Navegar componentes

CommandPaletteInput

MiscExemplo

Slot de input de busca. Auto-foca ao montar. Conecta ao contexto da command palette quando usado dentro de CommandPalette.

Importação

import {CommandPaletteInput} from '@pharos-ds/core/CommandPaletteInput';

Exemplos

hasAutoFocus

Código

import {CommandPaletteInput} from '@pharos-ds/core/CommandPalette';

<CommandPaletteInput
  hasAutoFocus={false}
 />

Prop	Tipo	Padrão	Descrição
`placeholder`	`string`	`'Search...'`	Texto placeholder do input.
`label`	`string`	—	Rótulo acessível para o input combobox, anunciado por leitores de tela. Usa o texto placeholder como fallback quando omitido.
`hasAutoFocus`	`boolean`	`true`	Auto-foca o input ao montar. Desabilitado automaticamente dentro de uma command palette inline.
`endContent`	`ReactNode`	—	Conteúdo renderizado na extremidade trailing do input, após o spinner. Use para botões de limpar ou dicas de atalho de teclado.
`value`	`string`	—	Valor de busca. Quando omitido dentro de CommandPalette, lê do contexto.
`onValueChange`	`(value: string) => void`	—	Chamado quando o valor de busca muda. Quando omitido dentro de CommandPalette, escreve no contexto.
`xstyle`	`StyleXStyles`	—	Estilos StyleX para customização de layout. Deve ser um valor stylex.create().

Pacote: @pharos-ds/core · Import: @pharos-ds/core/CommandPaletteInput