Navegar componentes

SideNavSection

MiscExemplo

Agrupamento de section com title, subtitle e end content opcionais.

Importação

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

Exemplos

hasSubtitle

isHeaderHidden

Código

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

<SideNav
  hasSubtitle
  isHeaderHidden={false}
 />

Prop	Tipo	Padrão	Descrição
`title` *	`string`	—	Title da section.
`subtitle`	`string`	—	Subtitle da section.
`children`	`ReactNode`	—	Itens da section.
`endContent`	`ReactNode`	—	Conteúdo do lado direito no header da section.
`isHeaderHidden`	`boolean`	`false`	Oculta visualmente o header da section mantendo-o acessível a leitores de tela.
`xstyle`	`StyleXStyles`	—	Estilos 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/SideNavSection