Navegar componentes

SideNavCollapseButton

MiscExemplo

Botão toggle para colapsar sidenav. Coloque dentro de SideNav (lê context automaticamente) ou fora (passe handleRef). Renderiza como um botão ghost icon-only por padrão.

Importação

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

Exemplos

Área interativa

Rótulo no botão

Código

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

<SideNav
  hasLabel
 />

Props

Prop	Tipo	Padrão	Descrição
`handleRef`	`RefObject<SideNavImperativeCollapseHandle \| null>`	—	Handle imperativo de colapso do SideNav. Necessário apenas quando o botão é renderizado fora da sidenav.
`label`	`string`	—	Label customizado do botão. Quando fornecido, renderiza como botão de texto com chevron. Quando omitido, renderiza apenas ícone.
`children`	`ReactNode`	—	Conteúdo customizado do botão. Substitui o ícone chevron e label padrão.

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