# Resizable panels

Trade space between panes by dragging the divider between them.

- ID: `resizable-panels`
- Import: `animui/resizable-panels`
- Category: Disclosure
- Runtime exports: `ResizablePanel`, `ResizablePanels`, `default`
- Declaration: `types/free/components/resizable-panels.d.ts`
- Type provenance: emitted-original-typescript
- Related: drawer, tree-view, tabs

```tsx
import { ResizablePanel } from 'animui/resizable-panels';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info resizable-panels` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { ResizablePanel, ResizablePanels, default } from '../registry/components/resizable-panels/resizable-panels.js';
export type { ResizablePanelProps, ResizablePanelsProps } from '../registry/components/resizable-panels/resizable-panels.js';
```