Navegar componentes
← Componentes

TopNavMenu

MiscExemplo
Item de navegação que exibe um popover menu acionado por hover com itens ricos contendo ícone, título e description opcional.
Importação
import {TopNavMenu} from '@pharos-ds/core/TopNavMenu';

Exemplos

Área interativa

label
Código
import {TopNavMenu} from '@pharos-ds/core/TopNavMenu';

<TopNavMenu
  label="Produtos"
 />

Props

PropTipoPadrãoDescrição
label *stringRótulo visível do botão trigger.
items *TopNavMenuItemData[]Itens de menu exibidos no popover de hover.
delaynumber150Atraso em milissegundos antes de mostrar o menu no hover.
hideDelaynumber200Atraso em milissegundos antes de ocultar o menu após o mouse sair.
Pacote: @pharos-ds/core · Import: @pharos-ds/core/TopNavMenu
TopNavMenu · Pharos