Navegar componentes

TypeaheadItem

MiscExemplo

Renderizador padrão de item de dropdown para resultados de typeahead. Exibe label com icon, description e avatar opcionais. Exportado para uso em implementações customizadas de renderItem.

Importação

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

Exemplos

Área interativa

Descrição

Desabilitado

Alice JohnsonEngenharia · São Francisco

Código

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

<TypeaheadItem
  hasDescription
  isDisabled={false}
 />

Props

Prop	Tipo	Padrão	Descrição
`item` *	`SearchableItem`	—	O item de resultado de busca a renderizar.
`icon`	`ReactNode`	—	Ícone ou avatar a exibir antes do label.
`description`	`string`	—	Texto de descrição exibido abaixo do label.
`isDisabled`	`boolean`	`false`	Se este item está visualmente desabilitado.
`group`	`string`	—	Label de grupo para agrupar itens visualmente.

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