Navegar componentes

TopNavMegaMenuItem

MiscExemplo

Um item individual dentro de um TopNavMegaMenu. Renderiza a si mesmo nos modos desktop (grid popover) e mobile drawer via context de render mode.

Importação

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

Exemplos

Descrição

Link href

Código

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

<TopNavMegaMenuItem
  hasDescription
  isLink
 />

Prop	Tipo	Padrão	Descrição
`title` *	`string`	—	Título de exibição para o item de menu.
`description`	`string`	—	Texto de descrição opcional exibido abaixo do title.
`icon`	`ReactNode`	—	Elemento de ícone opcional exibido à esquerda.
`href`	`string`	—	URL para navegar quando clicado.
`onClick`	`() => void`	—	Callback quando o item é clicado.
`as`	`LinkComponentType`	—	Componente customizado a renderizar em vez de <a> para itens de link. Substitui o padrão de nível de provider definido por LinkProvider.

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