Navegar componentes
← Componentes

DropdownMenuItem

MiscExemplo
Componente auxiliar para renderização customizada de itens com estilo consistente.
Importação
import {DropdownMenuItem} from '@pharos-ds/core/DropdownMenuItem';

Exemplos

Área interativa

isDisabled
description
Código
import {DropdownMenuItem} from '@pharos-ds/core/DropdownMenu';

<DropdownMenuItem
  isDisabled={false}
  hasDescription
 />

Props

PropTipoPadrãoDescrição
iconIconTypeÍcone exibido antes do rótulo. Veja `pharos docs icons` para nomes semânticos válidos.
labelReactNodeTexto do rótulo principal.
descriptionReactNodeTexto de description secundário exibido abaixo do rótulo.
endContentReactNodeConteúdo adicional renderizado após o rótulo e a description.
xstyleStyleXStylesEstilos StyleX para customização de layout (margens, posicionamento, dimensionamento). Deve ser um valor stylex.create(): não um objeto de estilo inline como style={{}}.
Pacote: @pharos-ds/core · Import: @pharos-ds/core/DropdownMenuItem
DropdownMenuItem · Pharos