Navegar componentes

SideNavHeading

MiscExemplo

Heading de produto/suite/conta com lógica inteligente de boundary de interação para links e um popover de menu.

Importação

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

Exemplos

hasSuperheading

hasSubheading

Código

import {SideNav, SideNavHeading} from '@pharos-ds/core/SideNav';

<SideNav
  hasSuperheading={false}
  hasSubheading
 />

Prop	Tipo	Padrão	Descrição
`heading` *	`string`	—	Nome do produto/app.
`icon`	`ReactNode`	—	Ícone do produto/app.
`headingHref`	`string`	—	Link do heading.
`superheading`	`string`	—	Texto acima do heading.
`superheadingHref`	`string`	—	Link do superheading.
`subheading`	`string`	—	Texto abaixo do heading.
`subheadingHref`	`string`	—	Link do subheading.
`menu`	`ReactNode`	—	Conteúdo de menu renderizado dentro de um popover.
`headerEndContent`	`ReactNode`	—	Conteúdo renderizado na extremidade trailing da linha do heading, entre texto e chevron. Útil para badges, indicadores de status ou botões de ação compactos. Oculto quando recolhido.

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