Navegar componentes

CommandPaletteItem

MiscExemplo

Item selecionável. Aceita children arbitrários para controle total da renderização. Registra-se no contexto para navegação por teclado quando dentro de CommandPalette.

Importação

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

Exemplos

Área interativa

isDisabled

Código

import {CommandPaletteItem, CommandPaletteList} from '@pharos-ds/core/CommandPalette';

<CommandPaletteItem
  value="settings"
  children="Configurações"
  isDisabled={false}
 />

Props

Prop	Tipo	Padrão	Descrição
`value` *	`string`	—	Valor único para identificação e seleção.
`children` *	`ReactNode`	—	Conteúdo do item: renderize ícones, descrições, atalhos de teclado etc.
`onSelect`	`(value: string) => void`	—	Chamado quando este item é selecionado via clique ou Enter.
`isHighlighted`	`boolean`	`false`	Se este item tem foco de teclado. Derivado do contexto quando dentro de CommandPalette.
`isSelected`	`boolean`	`false`	Se este item está selecionado no modo picker.
`isDisabled`	`boolean`	`false`	Se o item é não interativo.
`xstyle`	`StyleXStyles`	—	Estilos StyleX para personalização de layout. Deve ser um valor stylex.create().

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