Navegar componentes

LayoutPanel

MiscExemplo

Sidebar para navegação, configurações ou painéis de inspector.

Importação

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

Exemplos

hasDivider

Painel lateral

Código

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

<LayoutPanel
  hasDivider={false}
 />

Prop	Tipo	Padrão	Descrição
`children`	`ReactNode`	—	Conteúdo do painel.
`hasDivider`	`boolean`	`false`	Borda na borda apropriada.
`padding`	`0 \| 0.5 \| 1 \| 1.5 \| 2 \| 3 \| 4 \| 5 \| 6 \| 8 \| 10`	—	Padding interno usando a escala de spacing. Sobrescreve o padding padrão do container de layout.
`isScrollable`	`boolean`	`true`	Ativa overflow rolável.
`label`	`string`	—	Rótulo acessível para o elemento landmark.
`role`	`AriaRole`	—	Papel ARIA landmark.
`width`	`number \| string`	—	Largura do painel. Números são tratados como pixels; strings são usadas como estão. Ignorado quando resizable é fornecido; o hook controla a largura.
`resizable`	`ResizableProps`	—	Props de resize de useResizable(). Quando fornecido, o hook controla a largura do painel e um ResizeHandle deve ser posicionado adjacente ao painel.

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