Resizable

Painéis redimensionáveis com alça de arraste. Construído sobre react-resizable-panels. Ideal para layouts de editor, painéis de configuração e split views.

import {
  ResizableHandle, ResizablePanel, ResizablePanelGroup,
} from "@workspace/ui/components/resizable";

<ResizablePanelGroup direction="horizontal">
  <ResizablePanel>Painel A</ResizablePanel>
  <ResizableHandle />
  <ResizablePanel>Painel B</ResizablePanel>
</ResizablePanelGroup>

Horizontal

Dois painéis lado a lado com alça de redimensionamento.

Painel A

Painel B

Vertical

Painéis empilhados verticalmente.

Topo

Base

Três painéis

Layout com três painéis e limites de tamanho.

Sidebar

Conteúdo

Detalhes

API Reference

Prop	Type	Default	Descrição
`direction`	`'horizontal' \| 'vertical'`	—	Direção de redimensionamento do grupo
`ResizablePanel.defaultSize`	`number`	—	Tamanho inicial em porcentagem (0-100)
`ResizablePanel.minSize`	`number`	—	Tamanho mínimo em porcentagem
`ResizablePanel.maxSize`	`number`	—	Tamanho máximo em porcentagem
`ResizableHandle.withHandle`	`boolean`	false	Exibir alça visual de arraste